AngularJS ng-switch指令与示例

gooood个人博客网站

angular

AngularJS ng-switch指令与示例

html代码:
<body ng-app="AngularswitchApp"> <div ng-controller="ngswitchctrl"> Select Item: <select ng-model="selectval" ng-options="item for item in items"></select> <div ng-switch ="selectval"> <div ng-switch-when="one"><b>DIV1</b>: You Selected value one</div> <div ng-switch-when="two"><b>DIV2</b>: You Selected value two</div> <div ng-switch-when="three"><b>DIV3</b>: You Selected value three</div> <div ng-switch-default>You are in default switch case.</div> </div> </div> </body> JavaScript代码:
<script> var app = angular.module("AngularswitchApp", []); app.controller("ngswitchctrl", function ($scope) { $scope.items = ['one', 'two', 'three', 'four']; $scope.selectval = "one"; }); </script>

本文内容由用户注册发布,仅代表作者或来源网站个人观点,不代表本网站的观点和立场,与本网站无关。本网系信息发布平台,仅提供信息存储空间服务,其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本网站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。如因作品内容侵权需删除与其他问题需要同本网联系的,请尽快通过本网的邮箱或电话联系。 
THE END
分享
二维码
< <上一篇
下一篇>>