首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >'ngModel‘的意思是什么?

'ngModel‘的意思是什么?
EN

Stack Overflow用户
提问于 2014-01-05 13:47:10
回答 1查看 67.6K关注 0票数 96

这是我的指令的HTML:

代码语言:javascript
复制
<textarea data-modal="modal" data-mydir ng:model="abc"></textarea>

在我的指令中,我有如下内容:

代码语言:javascript
复制
return {
  require: 'ngModel',
  replace: true,
  scope: {
    modal: '=modal',
    ngModel: '=',
    pid: '=pid'
  }
}

谁能告诉我,require:ngModel的意义是什么?我在许多不同的指令中看到了这一点。我可以称它为数据模式吗?

我很困惑,因为当我把它改为data-modal时,我从Angular那里得到了一条消息

代码语言:javascript
复制
Controller 'ngModel', required by directive 'textarea', can't be found!
EN

回答 1

Stack Overflow用户

发布于 2014-01-05 14:12:48

require:'ngModel'require:'^ngModel'允许您注入附加到指令绑定到的元素或其父元素的模型。

这基本上是将ngModel传递给链接/编译函数而不是使用作用域选项传递它的最简单方法。一旦你访问了ngModel,你就可以使用$setViewValue修改它的值,使用$formatters让它变脏/变干净,应用观察器等等。

下面是一个简单的示例,传递ngModel并在5秒后更改其值。

演示:http://jsfiddle.net/t2GAS/2/

代码语言:javascript
复制
myApp.directive('myDirective', function($timeout) {
  return {
    restrict: 'EA',
    require: 'ngModel',
    link: function(scope, element, attrs, ngModel) {
        ngModel.$render = function() {
            $timeout(function() {
                ngModel.$setViewValue('StackOverflow');  
            }, 5000);                
        };
    }
  };
});
票数 21
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20930592

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档