模型属性更改后未更新的输入元素
我使用按钮来附加到输入元素的值。尽管更新了模型变量，但输入值保持不变。怎么修呢？
<input type="text"
class="form-control"
id="inputSecurityCode"
style="width: 100%"
placeholder="4 digits"
name="inputSecurityCode"
ng-model="reservation.securityCode"
ng-pattern="patterns.securityCode"
ng-focus="focused('inputSecurityCode')"
ng-blur="blurred('inputSecurityCode')"
/>
<button type="button" ng-click="numButtonClick(1)">1</button>AngularJS
$scope.reservation = {
securityCode: undefined
};
$scope.numButtonClick = function(num){
switch($scope.focusedInput){
case 'inputSecurityCode':
$scope.reservation.securityCode += num;
break;
}
};
$scope.patterns = {
securityCode : /^[0-9]{4}$/
};更新
这可能是因为起始值是undefined，NaN，当尝试NaN加整数时，返回的是NaN，不能添加到输入中。应该是null而不是undefined吗
更新2
所有undefined都已更改为null，但所观察到的行为是相同的。
更新3
我发现当我删除ng-pattern="patterns.securityCode"时，一切都很好。怎么会这样?
回答 1
Stack Overflow用户
发布于 2014-11-26 05:24:07
编辑:这似乎不是OP的问题，可能是不正确的信息。
这是因为对象的原语属性的更改不会由AngularJS自动传播。
像这样手动重新应用绑定：
$scope.numButtonClick = function(num){
switch($scope.focusedInput){
case 'inputSecurityCode':
$scope.$apply(function(){
$scope.reservation.securityCode += num;
});
break;
}
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27150268
复制
相似问题
阴影问题浮动操作按钮(api = 19)
用于扩展的Xamarin.Android浮动操作按钮的阴影填充错误与AndroidSDK API 19及更少
安卓浮动动作按钮API19 (KitKat)
Android浮动操作按钮为空
Android带有API级别19的RecyclerView (API 19)
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
