• 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的
    View Code
    //大小写
    <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
  • 相关阅读:
    Daily Scrum 11.19 部分测试报告
    Daily Scrum 11.16
    Daily Scrum 11.14
    Daily Scrum 11.13
    Daily Scrum 11.12
    Daily Scrum 11.11
    Daily Scrum 11.10
    M1事后分析汇报以及总结
    Alpha阶段个人贡献分及转会人员确定
    项目测试
  • 原文地址:https://www.cnblogs.com/yujian-bcq/p/3975760.html
Copyright © 2020-2023  润新知