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
  • 相关阅读:
    CentOS下Varnish实现动静分离
    Varnish语法
    Varnish日志切割+参数优化
    阿里云CentOS7下部署Django+uwsgi+pip3+pytz+python3
    搭建Hadoop伪分布式环境
    [Linux]-gitlab安装
    pyspider安装
    阿里云ECS搭建SVN
    在Ubuntu18.04安装Adobe Flash Player插件
    从SQL的视角用powershell
  • 原文地址:https://www.cnblogs.com/yujian-bcq/p/3975760.html
Copyright © 2011-2022 走看看