zoukankan      html  css  js  c++  java
  • AngularJS过滤器

    简介

    过滤器可以使用一个管道字符(|)添加到表达式和指令中。

    AngularJS 过滤器可用于转换数据:

    代码

    以currency 过滤器为例:

    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="utf-8">
    	<script type="text/javascript" src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
    </head>
    <body>
    	<div ng-app="myApp" ng-controler="myCtrl">
    		单价:<input type="number" ng-model="price"><br>
    		数量:<input type="number" ng-model="num"><br>
    		<br>
    		<p>总价:{{(price*num) | currency}}</p>
    	</div>
    <script type="text/javascript">
    	var app = angular.module('myApp',[]);
    	app.controller('myCtrl',function($scope){
    		$scope.price = 9.9;
    		$scope.num = 1;
    	});
    </script>	
    </body>
    </html>

    注意:

    单价:<input type="number" ng-model="price"><br>

       ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值,这里是ng-model而不是ng-module;

        输入类型为number而不是text。

    var app = angular.module('myApp',[]);

       括号内部是单引号不是双引号。

    app.controller('myCtrl',function($scope)

       不要把scope前面的$和function遗漏。

  • 相关阅读:
    立即执行函数的装逼写法
    SublimeText个性化快捷键设置
    arguments的理解
    webpack详细配置讲解
    webpack配置命令
    组件(0)
    特殊符号 && 和 ||
    Sublime Text的常用插件
    如何清除夜神模拟器的Pin密码
    swagger--Failed to load API definition.
  • 原文地址:https://www.cnblogs.com/yedushusheng/p/5524282.html
Copyright © 2011-2022 走看看