有人可以解释为什么按下按钮时没有更新此插件中ng-model的输入？
http://plnkr.co/edit/8JpyUVM8dY8aoV4fi5hC?p=preview
HTML
<body ng-controller="MainCtrl">
Using ng-model: <input type="text" ng-model="myDate"><br/>
Using expression: {{ myDate }}<br/>
<button ng-click="nextDay()">Next Day</button>
</body>
JS
app.controller('MainCtrl',function($scope) {
$scope.myDate = new Date();
$scope.nextDay = function(){
$scope.myDate.setDate($scope.myDate.getDate() + 1);
};
});
解决方法
Working Plunker：
http://plnkr.co/edit/ku8iy0YKvQfBdolg7cug?p=preview
将您的控制器更改为：
var app = angular.module('plunker',[]);
app.controller('MainCtrl',function($scope) {
$scope.myDate = new Date();
$scope.nextDay = function(){
var newDate = new Date($scope.myDate.setDate($scope.myDate.getDate() + 1));
$scope.myDate = newDate;
};
});
与其他提到的一样,对实例的引用没有改变,因此Angular不知道它需要再次渲染它.通过完全更改Date对象,您将强制Angular呈现更改的模型.
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
