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

    最痛苦时候不要忘记信仰,最幸福时候不要忘记坎坷!
  • 相关阅读:
    sqlite3经常使用命令&amp;语法
    DataTable.AcceptChanges方法有何用处
    C面试题
    keil程序在外部RAM中调试的问题总结(个人的一点经验总结)
    jps命令
    【C++基础】类的组合
    《算法导论》为什么经典
    Spring3.0 AOP 具体解释
    Java中StringBuilder的清空方法比較
    TFS(Team Foundation Server)介绍和入门
  • 原文地址:https://www.cnblogs.com/oneMTime/p/4546980.html
Copyright © 2020-2023  润新知