AngularJS 基礎用法

標籤：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>

過濾器：

$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

//大小寫<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);});

View Code

 

AngularJS 基礎用法