AngularJS 基础用法
判断语句:
<li ng-repeat=”person in persons”> <span ng-switch on=”person.sex”> <span ng-switch-when=”1〃>you are a boy</span> <span ng-switch-when=”2〃>you are a girl</span> </span> <span ng-if=”person.sex==1〃>you may be a father</span> <span ng-show=”person.sex==2〃>you may be a mother</span> </li>
过滤器:
$scope.childrenArray = [
{name:'kimi',age:3},
{name:'cindy',age:4},
{name:'anglar',age:4},
{name:'shitou',age:6},
{name:'tiantian',age:5}
];
//filter(匹配子串)
{{ childrenArray | filter : 'a' }} //匹配属性值中含有a的
{{ childrenArray | filter : 4 }} //匹配属性值中含有4的
{{ childrenArray | filter : {name : 'i'} }} //参数是对象,匹配name属性中含有i的
{{childrenArray | filter : func }} //参数是函数,指定返回age>4的
//大小写 <div ng-controller="MainCtrl"> <h3>{{ originalText }}</h3> <h3>{{ filteredText }}</h3> </div> //js angular.module('filterExample', []) .controller('MainCtrl', function($scope, $filter) { $scope.originalText = 'hello'; $scope.filteredText = $filter('uppercase')($scope.originalText); });
posted on 2014-09-16 20:42 yujian_bcq 阅读(273) 评论(0) 编辑 收藏 举报