国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

AngularJs之ngModel中$parsers和$formatters隨筆

2024-04-27 15:15:00
字體:
來源:轉載
供稿:網友

本文并非完全講解$parsers$formatters的基礎知識的內容,你還要掌握有關指令的相關知識,以便于你理解下面的內容。 $parsers由input的值,即用戶輸入的變化都會觸發其中的管道函數。它是view值到model值的轉換器。model值對應的管道函數中的return值決定。 $formatters則和$parsers的作用相反,它是model值到view值的轉化器。其view值由對應的管道函數中的return值決定。并且要注意的一點是,在view中引起的model值的變化并不能觸發$formatters中的管道函數,只有在代碼中改變model的值才會觸發其管道函數。

下面的這段代碼,展示的是用戶輸入觸發$parsers中的管道函數,引起model值的變化。和從代碼中改變model的值,觸發$formatters的管道函數,從而引起view值的變化。

<!DOCTYPE html><html lang="en" ng-app="app"><head> <meta charset="UTF-8"> <title>parser_uppercase</title> <script type="text/javascript" src="../js/angular.min.js"></script> <script type="text/Javascript"> var app = angular.module('app',[]); app.controller('MyCtrl', function($scope){ $scope.name = 'kobe'; $scope.changeName = function(){ $scope.name = $scope.newName; } }); app.directive('myTag', function(){ return { restrict: 'A', require: 'ngModel', link: function(scope, ele, attrs, ctrl){ ctrl.$parsers.push(function(value){ value = value.toUpperCase(); return value; }); ctrl.$formatters.push(function(value){ console.log('$formatters方法被調用'); value = value.toUpperCase(); return value; }); } } }) </script></head><body ng-controller="MyCtrl"> <input type="text" my-tag ng-model="name"/> <Strong>ModelValue:{{name}}</Strong> <input type="text" ng-model="newName"/> <button ng-click="changeName()">ChangeName</button></body></html>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 营口市| 江华| 远安县| 石景山区| 延边| 长武县| 鱼台县| 元氏县| 南康市| 西吉县| 甘南县| 简阳市| 琼结县| 洛川县| 东阿县| 栾城县| 乡城县| 桐城市| 镇远县| 保靖县| 安达市| 共和县| 金坛市| 阿坝县| 灵台县| 德惠市| 巴彦县| 卢湾区| 即墨市| 辽宁省| 东平县| 体育| 博客| 印江| 土默特右旗| 淳化县| 桦甸市| 沁阳市| 安宁市| 资兴市| 临夏县|