900字范文 > angularjs directive实现控件过滤器功能

angularjs directive实现控件过滤器功能

时间：2020-12-27 14:17:49

1）html代码

<select ng-model="ColumnModel.Category" ng-options="s.Code as s.Name for s in CategoryList" ng-change="categoryChange()" to-string></select>

2）angularjs代码

app.directive("toString", function () {return {restrict: "A",require: "ngModel",link: function (scope, elem, attr, ngModelCtr) {ngModelCtr.$formatters.push(function (viewValue) {if (typeof viewValue == "undefined") {return '';} else {return viewValue.toString()}})}}});

3）多参数

<html ng-app="my_app"><head><meta name="viewport" content="width=device-width" /><script type="text/javascript" src="js/angular.min.js"></script><script type="text/javascript">var app = angular.module("my_app", []);app.controller('my_controller', function($scope) {$scope.nums = [{id: 1,num: 50,max: 100}, {id: 1,num: 100,max: 100}, {id: 1,num: 200,max: 100}];});app.directive("limitNum", function() {return {restrict: "A",require: "ngModel",scope: {max: '='},link: function(scope, elem, attr, ngModelCtr) {ngModelCtr.$formatters.push(function(input) {if(input > scope.max) {return scope.max;} else {return input;}})}}});</script></head><body ng-controller="my_controller"><div><ul><li ng-repeat="item in nums"><input type="number" ng-model="item.num" limit-num max="item.max" /></li></ul></div></body></html>

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。