Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Angularjs:从外部角度改变模型时将形式设置为脏

Angularjs:从外部角度改变模型时将形式设置为脏
EN

Stack Overflow用户
提问于 2013-08-29 05:33:45
回答 1查看 3.7K关注 0票数 2

我手上拿着一个特殊的箱子。我在我的角度应用程序中使用了input[type="number"]的数字填充。现在,问题是,它没有考虑到安古拉杰的处理方式。

类似地,如果我以编程方式增加/减少输入值,则与输入关联的ngModel将不会得到更新的值。

我已经通过编写自定义指令并将模型传递到polly填充来解决这个问题。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
angular.module('appModule').
  directive('type', ['$parse', '$timeout', function($parse, $timeout) {
    restrict: 'A',
    require: '?ngModel',
    link: function($scope, iElement, iAttrs, ngModel) {
      ...
      if iAttrs.type is 'number'
        iElement.inputNumber(ngModel)  // <-- THIS LINE
      ...
    }
  }

在多填充代码中,我修改了以下内容:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
increment = function(elem) {
  ...
  if (model != null) {
    model.$setViewValue(newVal);
  }
  ...
}

效果很好。现在,问题是即使在更新模型的值之后,关联的表单也不会变成脏的。在我的代码中,不可能将表单作为参数传递到这个填充中。

我试过使用model.$dirty = true,但这不起作用。

还有别的办法吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-08-29 06:17:57

我发现了错误。虽然$setViewValue应该将我的表单设置为脏,但阻止它的是我所做的代码是out-of-$scope ;)

因此,$scope.$apply()就派上了用场。因此,现在,随着模型,我也传递给$scope的多边形填充。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
angular.module('appModule').
  directive('type', ['$parse', '$timeout', function($parse, $timeout) {
    restrict: 'A',
    require: '?ngModel',
    link: function($scope, iElement, iAttrs, ngModel) {
      ...
      if iAttrs.type is 'number'
        iElement.inputNumber(ngModel, $scope)  // <-- THIS LINE
      ...
    }
  }

increment = function(elem) {
  ...
  if (model != null) {
    $scope.$apply(function() {
      model.$setViewValue(newVal);
    }
  }
  ...
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18512478

复制
相关文章

相似问题

指令控制器中的角度设置脏形式

12

将AngularJS窗体设置为原始形式

11

在angularjs中将表单输入设置为脏?

12

手动将脏设置为字段不会修改css类angularJS?

11

在角度测试中将表单控件设置为脏

27
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文