码迷,mamicode.com
首页 > Web开发 > 详细

AngularJS 基础用法

时间:2014-09-16 21:48:51      阅读:285      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   io   os   ar   div   art   

判断语句:

<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>


过滤器:

bubuko.com,布布扣
$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的
View Code
bubuko.com,布布扣
//大小写
<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);
});
View Code

 

AngularJS 基础用法

标签:style   blog   http   color   io   os   ar   div   art   

原文地址:http://www.cnblogs.com/yujian-bcq/p/3975760.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!