zoukankan      html  css  js  c++  java
  • $filter $watch

    可以使用AngularJS内置过滤器,或自己创建过滤器。

    调用方式两种:

    1) Dom

    {{}}内部,加 | 符号。

    2) controller

    注入$filter service,如$scope.name = $filter('lowercase')('Ari');

    栗子:

    {{ 123.456789 | number:2 }}  //123.46
    <input class="" ng-model="nameMod" placeholder="--输入名称--">
        <tr ng-repeat = "tp in infoList | filter:nameMod">
            <td>{{tp.name | uppercase}}</td>
            <td>{{tp.age | currency }}</td>  
            <td>{{tp.job}}</td>
            <td>{{tp.hobby}}</td>
            <!--| currency-->
        </tr>

    Input name时候,会在模型中过滤所输入字符。这样就在前台实现一个简单的模糊查询功能。

    日期过滤:
    {{ today | date:'medium' }} <!-- Aug 09, 2013 12:09:02 PM -->
    {{ today | date:'short' }} <!-- 8/9/1312:09PM -->
    {{ today | date:'fullDate' }} <!-- Thursday, August 09, 2013 -->
    {{ today | date:'longDate' }} <!-- August 09, 2013 -->
    {{ today | date:'mediumDate' }}<!-- Aug 09, 2013 -->
    {{ today | date:'shortDate' }} <!-- 8/9/13 -->
    {{ today | date:'mediumTime' }}<!-- 12:09:02 PM -->
    {{ today | date:'shortTime' }} <!-- 12:09 PM -->

    filter过滤器:可以从给定数组中选择一个子集,并将其生成一个新数组返回.参数可以是字符串,对象(json),或者ng-repeat里面每次对数组内容进行操作的函数。

    json过滤器: 将json对象/js对象,转为字符串。

    {{ {'name': 'Ari', 'City': 'SanFrancisco'} | json }}

    最痛苦时候不要忘记信仰,最幸福时候不要忘记坎坷!
  • 相关阅读:
    jquery 查找子元素的几种方法
    kvm虚拟化之kvm虚拟机控制台登陆
    KVM虚拟化之windows虚拟机性能调整
    KVM虚拟机的日常管理与配置
    windows kvm虚拟机安装
    linux kvm虚拟机安装
    如何在linux上安装使用virt-manager
    KVM虚拟环境安装
    SSH批量管理 expect自动交互
    LVS+keepalived快速搭建测试环境
  • 原文地址:https://www.cnblogs.com/oneMTime/p/4546980.html
Copyright © 2011-2022 走看看