麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > 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>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 久久国产精品区 | 中文字幕欧美视频 | 国产免费最爽的乱淫视频a 毛片国产 | 天天操天天看 | 久草在线视频首页 | 国产va在线观看免费 | 成人午夜一区二区 | 欧美黄在线 | 精品一区二区三区日本 | 日日草夜夜 | 免费中文视频 | 美女在线观看视频一区二区 | 一级毛片在线免费观看 | 亚洲国产一区二区三区 | 91看片片| 蜜桃成品人免费视频 | www日韩在线观看 | 精品一区二区三区四区在线 | 欧美成在线视频 | 日本中文视频 | 国产99久久久久久免费看农村 | 操皮视频 | 久青草免费视频 | 欧美成人精品h版在线观看 久久久久久三区 | 日本人乱人乱亲乱色视频观看 | 91看片在线播放 | 欧美日韩免费在线观看视频 | 最近高清无吗免费看 | 久久久久久久久久久亚洲 | 叶子楣成人爽a毛片免费啪啪 | 黄色大片网站在线观看 | 久久人操 | 国产美女一区二区在线观看 | 亚洲黑人在线观看 | 91av在线免费 | 夜间福利网站 | 日韩精品久久久久久 | 国产精品91久久久 | 日本一道aⅴ不卡免费播放 久久久久久久高清 | 亚洲最大的成人网 | 黄色大片网站在线观看 |