国产探花免费观看_亚洲丰满少妇自慰呻吟_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>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 荔浦县| 梁平县| 长葛市| 文安县| 济阳县| 东辽县| 霞浦县| 武清区| 华坪县| 淮阳县| 铜山县| 精河县| 东阳市| 赤城县| 西充县| 定襄县| 巨野县| 延津县| 雷州市| 永康市| 印江| 云龙县| 云安县| 郯城县| 平湖市| 长岛县| 河曲县| 象州县| 敖汉旗| 郎溪县| 奇台县| 巴林左旗| 石阡县| 峨山| 岳普湖县| 静海县| 济宁市| 靖安县| 滨海县| 武隆县| 泸州市|