来自Jade模板的Angularjs中的多个属性和值动态

时间:2015-07-05 03:16:38

标签: javascript angularjs angularjs-directive pug

我有Jade模板来模板化HTML内容,而AngularJS传递来自Controller的值(通过$scope

Angular Tag名称是

ngtagname attr1=value1 attr2=value2 attr3=value3 
etc.. until
attr20=value20 ngtagname 

这些属性计数正在增长,这些属性本质上是可选的,我决定只从Controller中通过{{completeValue}}带来一个组合角度值$scope(结合属性和值)和因此输出将是

ngtagname attr5=value5 attr7=value7  ngtagname (OR)
ngtagname attr11=value11 attr15=value15 attr18=value18  ngtagname (OR)
some other combination..

这是为了避免冗长的if / unless条件和验证在Jade中不灵活

假设$scope.tag_attributes是来自Angular的变量,我在Jade中尝试了以下内容,但它们都没有达到所需的输出。

JADE

"{{tag_attributes}}"

HTML

{{tag_attributes}}="{{tag_attributes}}"

产生的输出错误

Error: Failed to execute 'setAttribute' on 'Element': '{{tag_attributes}}' is not a valid attribute name.

JADE

"{{tag_attributes}}"=""

HTML

{{tag_attributes}}=""

产生的输出错误

No Error & attributes are not considered for angular usage

现在有了另一种方法/建议   来自A)试用http://jade-lang.com/reference/attributes/#and-attributes   来自B)以及Pass an object to angularjs template from jade

将细节放在plunker中   http://plnkr.co/edit/T0JkSK6iybKBHhkGdlfL?p=preview

目标是将$ scope.attrib值传递给等待来自$ scope.attrib的其他属性的JADE。

所以,任何人都可以修复当前的Plunkr代码行号13,这样会很棒。

| MY-指令(2 =" TEST3")及属性(#{ATTRIB})

提前致谢。

0 个答案:

没有答案