首页 > 代码库 > AngularJS 基础用法
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>//jsangular.module(‘filterExample‘, []).controller(‘MainCtrl‘, function($scope, $filter) { $scope.originalText = ‘hello‘; $scope.filteredText = $filter(‘uppercase‘)($scope.originalText);});
AngularJS 基础用法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。