MEAN.JS |在<select>中选择Item时更改内容的Angular指令

时间:2018-01-03 12:35:41

标签: angularjs

我试图编写一个绑定到我的标签的指令,当我在选择器中选择一个项目时,指令检查选择了哪个项目并以确定的方式修改DOM ...,例如添加一个内容html进入DOM。 不幸的是,我无法实现它的工作。有人可以帮帮我吗? 这是html视图的片段 &lt; div class =“form-group”show-errors&gt;       &lt; label class =“control-label”for =“fields [class]”&gt; Starting Class&lt; / label&gt;       &lt; select ng-change =“change()”name =“fields [class]”data-ng-model =“vm.class.selectedClass”id =“class”class =“form-control”ascendancy required&gt;         &lt; option value =“marauder”&gt; Marauder&lt; / option&gt;         &lt; option value =“ranger”&gt; Ranger&lt; / option&gt;         &lt; option value =“shadow”&gt; Shadow&lt; / option&gt;         &lt; option value =“witch”&gt; Witch&lt; / option&gt;         &lt; option value =“templar”&gt; Templar&lt; / option&gt;         &lt; option value =“duelist”&gt; Duelist&lt; / option&gt;         &lt; option value =“scion”&gt; Scion&lt; / option&gt;       &LT; /选择&GT;       &lt; div ng-messages =“vm.form.buildForm.class。$ error”role =“alert”&gt;         &lt; p class =“help-block error-text”ng-message =“required”&gt; Class是必需的。&lt; / p&gt;       &LT; / DIV&GT; &LT; / DIV&GT; &lt; ascend&gt;这是“.......”&lt; / ascend&gt; 这是我试图用来监听选择器中的“选择”的指令 (function(){   '使用严格';   角     .module( '建立')     .directive('上升',优势);   优先。$ inject = [/ *例如:'$ state','$ window'* /];   函数优势(/ *示例:$ state,$ window * /){     返回{       限制:'A',       link:function postLink(scope,element,attrs){         // Ascendancy指令逻辑         // ...         element.text('这是优势指令');       }     };   } })(); 该指令由yo指令生成器新生成。 我想实现以下行为: 当选择器中的项目被选中时,我想在升序标记中显示HTML。每个选择器选项的HTML都不同。

1 个答案:

答案 0 :(得分:0)

所以我设法解决了......

build.client.controller.js

&#13;
&#13;
p = self.parent
=> Parent object

p.grandparent
=> nil

self.grandparent
=> nil
&#13;
&#13;
&#13; 形状build.client.view.html

<s:form action="test">
   <s:textfield name="arr" value="1"/>
   <s:textfield name="arr" value=""/>
   <s:textfield name="arr" value="2"/>
</s:form>