zoukankan      html  css  js  c++  java
  • AngularJS入门基础——过滤器

    在HTML中的模板绑定符号{{ }}内通过 | 符号来调用过滤器

    {{ name | uppercase }}
     
    以HTML的形式使用过滤器时,如果需要传递参数给过滤器,只要在过滤器名字后面加冒号即可。如果有多个参数,可以在每个参数后面都加入冒号。
     
    内置的过滤暂时就不记录笔记了,那么接下来我们自己做一个自定义的过滤器
     
    //HTML
    <div ng-controller="FilterController">
      {{ "abkjlsjdljfljsilnsldlkmflskdmflk" | breviary }}
    </div>
     
    //SCRIPT
    <script type="text/javascript">
      angular.module("myApp", [])
        .controller("FilterController", function($scope) {
          // do nothing
        })
        .filter("breviary", function() {
          return function(str) {
            if (str) {
              return str[0].toUpperCase() + str.substring(1, 10) + "...";
            }
          };
        });
    </script>
    通过分享,结交好友~ 如本文对您有益,请给予关注。转载请注明出处!-- 小数
  • 相关阅读:
    jquery层级选择器学习笔记
    html 大于号 小于号 空格显示
    MySql存储过程二---变量
    MySql 存储过程一--基本语法及参数介绍
    MySql delimiter
    MySql 关联查询
    MySql 数据库导入导出
    markdown 换行
    WPF 之 MVVM
    对memtester源码分析
  • 原文地址:https://www.cnblogs.com/mcat/p/4186748.html
Copyright © 2011-2022 走看看