Tag: angular ngmodel

我怎样才能让angularjs ngChange处理程序只有当用户input完成时才被调用: 我有一个input字段，我想要应用ngChange的变体。 input字段是与ajax调用的绑定，当用户改变input时，服务器端将处理数据，但是，我不想太频繁地调用这个调用。假设用户想要input一个真正的string，我只想在用户完成他即将input的单词之后才能进行呼叫。不过，我不想使用模糊等事件。什么是更好的方式来实现这个，而不是setTimeout ？

在SELECT中的AngularJs – ng-model: 的jsfiddle 问题：我的页面中有一个SELECT元素，用ng-repeat填充。它也有一个具有默认值的ng-model 。当我改变的价值， ng-model适应，没关系。但是下拉列表在启动时显示一个空的插槽，在那里应该select默认值的项目。码 <div ng-app ng-controller="myCtrl"> <select class="form-control" ng-change="unitChanged()" ng-model="data.unit"> <option ng-repeat="item in units" ng-value="item.id">{{item.label}}</option> </select> </div> 用JS： function myCtrl ($scope) { $scope.units = [ {'id': 10, 'label': 'test1'}, {'id': 27, 'label': 'test2'}, {'id': 39, 'label': 'test3'}, ] $scope.data = { 'id': 1, 'unit': 27 } };

Angularjs：当ng-model更新时select不更新: 我已经创build了下面的例子，所以你可以看到到底发生了什么： http : //jsfiddle.net/8t2Ln/101/ 同样的事情发生，如果我使用ng选项。我有这样做的另外一个原因，但是为了简化这个例子，我把这一部分留下了。正如你可以看到它默认有两个选项。我在select旁边显示ng模型的选定值，以便看到它是什么。当您使用顶部部分添加第三个选项时，它会将该值设置为该新选项的值，如select所示的显示的ng-model值所示，但select本身不会更改以显示正确的值select。以下是链接中的示例代码： var testApp = angular.module('testApp', ['ngRoute']); testApp.controller('Ctrl', function ($scope) { $scope.newInput = ''; $scope.inputDevice = [ { value: '1', label: 'input1' }, { value: '2', label: 'input2' } ]; $scope.selectedDevice = ''; $scope.addType = function () { var newElem = { label: $scope.newInput, value: '3' }; […]

Angular引导dateselect器date格式不会格式化ng模型值: 我在我的angular度应用程序中使用引导dateselect器。然而，当我从该dateselect一个date – select器基础ng模型，我有绑定获取更新我想要在一个date格式“MM / dd / yyyy”ng模型。但是它每次都是这样的date "2009-02-03T18:30:00.000Z" 代替 02/04/2009 我为同一个plunkr链接创build了一个plunkr 我的Html和控制器代码如下所示 <!doctype html> <html ng-app="plunker"> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js"></script> <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.js"></script> <script src="example.js"></script> <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div ng-controller="DatepickerDemoCtrl"> <pre>Selected date is: <em>{{dt | date:'MM/dd/yyyy' }}</em></pre> <p>above filter will just update above UI but I want to update actual ng-modle</p> <h4>Popup</h4> <div […]

AngularJS：使用jQuery更改ng-model绑定时不会更新: 这是我的HTML： <input id="selectedDueDate" type="text" ng-model="selectedDate" /> 当我input框中时，模型通过双向绑定机制进行更新。甜。但是，当我通过JQuery做到这一点… $('#selectedDueDate').val(dateText); 它不更新模型。为什么？

ngModel格式器和parsing器: 我以不同的forms发布了相同的问题，但没有人回答。我没有清楚地知道格式化器和parsing器在angular度js中所做的事情。根据定义，格式化器和parsing器看起来和我很相似。也许我错了，因为我是新来的这个angularjs。格式化程序定义每当模型值发生变化时，作为pipe道执行的函数数组。每个函数被调用，然后将值传递给下一个。用于格式化/转换在控件和validation中显示的值。 parsing器定义只要控件从DOM读取值，就可以作为pipe道执行这些函数的数组。每个函数被调用，然后将值传递给下一个。用于清理/转换值以及validation。为了进行validation，parsing器应该使用$ setValidity（）更新有效性状态，并为无效值返回undefined。请用一个简单的例子来帮助我理解这两个特性。两个简单的例子将不胜感激。

ng-model和ng-bind有什么不同？: 我目前正在学习AngularJS，并且很难理解ng-bind和ng-model之间的区别。谁能告诉我他们有什么不同，什么时候应该使用另一个？

如何使用angular JS设置下拉列表控件的选定选项: 我正在使用Angular JS，我需要使用angularJS来设置下拉列表控件的选定选项。原谅我，如果这是荒谬的，但我是新的angularJS 这是我的HTML的下拉列表控制 <select ng-required="item.id==8 && item.quantity > 0" name="posterVariants" ng-show="item.id==8" ng-model="item.selectedVariant" ng-change="calculateServicesSubTotal(item)" ng-options="v.name for v in variants | filter:{type:2}"> </select> 它被填充后，我得到 <select ng-options="v.name for v in variants | filter:{type:2}" ng-change="calculateServicesSubTotal(item)" ng-model="item.selectedVariant" ng-show="item.id==8" name="posterVariants" ng-required="item.id==8 && item.quantity > 0" class="ng-pristine ng-valid ng-valid-required"> <option value="?" selected="selected"></option> <option value="0">set of 6 traits</option> <option value="1">5 complete sets</option> […]