首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >什么是最好的方式,数据绑定类到一个输入在后链接时间?

什么是最好的方式,数据绑定类到一个输入在后链接时间?
EN

Stack Overflow用户
提问于 2014-06-10 21:45:11
回答 1查看 35关注 0票数 0

我有一个指令包装一个文本输入。当模板放在一起时,输入有由ngRequired和ngDisabled添加的类。在best链接时,我有一些额外的类要添加到输入中,但我不知道做这件事的最佳方法是什么。

我使用了一种方法,但它覆盖了angularjs的类。

代码语言:javascript
运行
复制
template: '<input class="{{classes}}" ng-required="true"></input>'

还有第二种方法,它简单地使用element.addClass添加类,但它没有数据绑定。

代码语言:javascript
运行
复制
link: function(scope, element) { element.addClass(getGeneratedClasses()) }

http://jsfiddle.net/T2Zvs/4/

Ng类在这里没有帮助,因为我希望有一个控制器使用指令来控制这些类。

是否有一种从链接函数中绑定数据类的好方法?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-06-10 22:37:29

使用第二种方法,您可以在(post)链接函数中的函数上设置一个$watch:

代码语言:javascript
运行
复制
 link: function(scope, element) {
      scope.$watch(function() {
          return {
              hasRequiredClass: element.hasClass('required'),
              hadDisabledClass: element.hasClass('disabled')
          };
      }, function(newVal, oldVal) {
          if (newVal.hasRequiredClass) {
             //add additional classes
          }
          if (newVal.hasDisabledClass) {
             // add additional classes
          }
      });
 });
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24151376

复制
相关文章

相似问题

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