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 }}

    最痛苦时候不要忘记信仰,最幸福时候不要忘记坎坷!
  • 相关阅读:
    Redis源代码分析(十三)--- redis-benchmark性能測试
    kvm中运行kvm
    umount.nfs device busy day virsh extend diskSpace, attachDisk
    ultravnc
    openNebula dubug
    maintenance ShellScripts
    virsh VMI deploy data serial xml
    cloud computing platform,virtual authentication encryption
    基于C 的libvirt 接口调用
    storage theory
  • 原文地址:https://www.cnblogs.com/oneMTime/p/4546980.html
Copyright © 2011-2022 走看看