zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    C#中的编译为什么不叫Compile而叫build
    类型(Type)
    C#中关于值类型和引用类型的区别
    php通用化api格式输出
    tp6获取参数的五种办法
    PHP 数组------分割、合并
    explain结果中的type字段的含义
    order by 排序
    SQL开发技巧
    tp5模板输出日期时间
  • 原文地址:https://www.cnblogs.com/yujian-bcq/p/3975760.html
Copyright © 2011-2022 走看看