angularJS学习之路（八）---ng-switch
这个指令 和 ng-switch-when 以及 on="name"一起使用
在name值发生变化时渲染不同的指令到视图中
例子：
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div ng-controller="SomeController" ng-switch on="person.name">
<input type="text" ng-model="person.name" />
<p ng-switch-default>And the winner is</p>
<h1 ng-switch-when="Erik">{{ person.name }}</h1>
</div>
<script type="text/javascript" src="../js/angular.min.js"></script>
<script>
var app = angular.module('myApp', []);
app.controller('SomeController', function($scope) {
$scope.person = {};
});
</script>
</body>
</html>ng-switch-default 输出默认值
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2015年11月23日，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读