angularjs – 将占位符绑定到模型会导致ng-change在IE中加载时执行

前端之家收集整理的这篇文章主要介绍了angularjs – 将占位符绑定到模型会导致ng-change在IE中加载时执行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用 angularjs,如果我将输入的占位符绑定到其模型,则在IE中加载文档时会触发change事件.这似乎不正确,我在其他浏览器中没有看到这种行为.

JS Fiddle

HTML:

<div ng-app="angularjs-starter" data-ng-controller="MainCtrl">
<div data-ui-view="viewMain">
    <input 
    placeholder="{{theValue}}" 
    data-ng-model="theValue" 
    data-ng-change="valueChanged(theValue)" />            
</div>

使用Javascript:

var app = angular.module('angularjs-starter',[]);
app.controller('MainCtrl',function($scope) {  
    $scope.valueChanged = function(theValue) {
        alert("Value Change Called On Load in IE.");
    };
});

解决方法

也可以使用内置的 ng-attr-placeholder指令.

ng-attr-placeholder="{{theValue}}"

猜你在找的Angularjs相关文章