angularjs-model | 易学教程

Why is Angularjs ng-pattern not working with the following regexp?

阅读更多关于 Why is Angularjs ng-pattern not working with the following regexp?

问题 For some reason the initialized value doesn't appear in the field, but the second field without the ng-pattern does work. any ideas? angular.module('app', []).controller('MainCtrl', function($scope) { $scope.widget = {title: 'abc', title2: 'abc'}; }); <div ng-app="app" ng-controller="MainCtrl"> <input ng-model="widget.title" required ng-pattern="/[a-zA-Z]{4}[0-9]{6,6}[a-zA-Z0-9]{3}/"> <br /><br /> input 1: {{ widget.title }} <br /><br /> <input ng-model="widget.title2" required> <br /><br />

AngularJS - how to change the value of ngModel in custom directive?

阅读更多关于 AngularJS - how to change the value of ngModel in custom directive?

问题 Lets take a look to my directive: angular.module('main').directive('datepicker', [ function() { return { require: '?ngModel', link: function(scope, element, attributes, ngModel) { ngModel.$modelValue = 'abc'; // this does not work // how do I change the value of the model? So, how do I change the value of the ng-model? 回答1: There are different ways of doing it: $setViewValue() updates the view and the model. Most cases it is enough. If you want to disconnect view from the model (e.g. model is

Referencing the element that is calling a controller function Angularjs ( ng-change / ng-blur / ng-* ? )

阅读更多关于 Referencing the element that is calling a controller function Angularjs ( ng-change / ng-blur / ng-* ? )

问题 The original question asked about how to determine which element called the controllers blurr function, but I didn't clarify that I was not specifically asking about ng-blur , but ng-* ( ng-change , ng-focus , ng-mouseover , ng-*) in general. So, with that in mind: How do I determine which element input is calling the blurr() and/or check() functions? html <body ng-app="test"> <div ng-controller="Cntrlr as cntrlr"> <form name="meta_test"> <input type="text" name='inpt' ng-model="cntrlr.inpt"

angularJS element.on callback and scope.$apply

阅读更多关于 angularJS element.on callback and scope.$apply

问题 In this example, I have an input with an attached directive. The directive is meant to display messages next to the input. There's another input and a button to add messages. Once some messages are displayed, focusing on the input with the attached directive should clear the messages. http://jsfiddle.net/viro/WBqxf/ So I have a directive with an isolated model, and I'm trying to update the model when the element which has the directive goes into focus. It seems like I have to wrap event

Referencing the element that's calling a controller function Angularjs

阅读更多关于 Referencing the element that's calling a controller function Angularjs

问题 Fairly simple but I can't figure out the term I need to google. How do I reference whichever element is calling the controllers blurr function? html <body ng-app="test"> <div ng-controller="Cntrlr as cntrlr"> <input type="text" ng-model="cntrlr.inpt" ng-blur="cntrlr.blurr()" /> <input type="text" ng-model="cntrlr.second" ng-blur="cntrlr.blurr()" /> </div> </body> js var app = angular.module("test", []); app.controller("Cntrlr", ["$scope", function($scope){ this.blurr = function(){ alert(

Referencing the element that's calling a controller function Angularjs

阅读更多关于 Referencing the element that's calling a controller function Angularjs

Fairly simple but I can't figure out the term I need to google. How do I reference whichever element is calling the controllers blurr function? html <body ng-app="test"> <div ng-controller="Cntrlr as cntrlr"> <input type="text" ng-model="cntrlr.inpt" ng-blur="cntrlr.blurr()" /> <input type="text" ng-model="cntrlr.second" ng-blur="cntrlr.blurr()" /> </div> </body> js var app = angular.module("test", []); app.controller("Cntrlr", ["$scope", function($scope){ this.blurr = function(){ alert("which input am I?"); alert("this is so meta."); // ? }; }]); [edit] I realized I meant to be more abstract

AngularJS - how to change the value of ngModel in custom directive?

阅读更多关于 AngularJS - how to change the value of ngModel in custom directive?

Lets take a look to my directive: angular.module('main').directive('datepicker', [ function() { return { require: '?ngModel', link: function(scope, element, attributes, ngModel) { ngModel.$modelValue = 'abc'; // this does not work // how do I change the value of the model? So, how do I change the value of the ng-model? There are different ways of doing it: $setViewValue() updates the view and the model. Most cases it is enough. If you want to disconnect view from the model (e.g. model is a number but view is a string with thousands separators) then you could access directly to $viewValue and

Why is Angularjs ng-pattern not working with the following regexp?

阅读更多关于 Why is Angularjs ng-pattern not working with the following regexp?

For some reason the initialized value doesn't appear in the field, but the second field without the ng-pattern does work. any ideas? angular.module('app', []).controller('MainCtrl', function($scope) { $scope.widget = {title: 'abc', title2: 'abc'}; }); <div ng-app="app" ng-controller="MainCtrl"> <input ng-model="widget.title" required ng-pattern="/[a-zA-Z]{4}[0-9]{6,6}[a-zA-Z0-9]{3}/"> <br /><br /> input 1: {{ widget.title }} <br /><br /> <input ng-model="widget.title2" required> <br /><br /> input 2: {{ widget.title2 }} </div> Here is the Fiddle http://jsfiddle.net/wkzab/1/ UPDATE I looked