上面的AngularJS指令表

时间:2014-08-04 13:06:47

标签: angularjs angularjs-directive html-table angular-template

我有表格和模板指令rnRow

<table>
<tr><td><span  class="text-primary ">0 :</span></td><td><span class="text-default "> 3</span></td></tr>
<rn-Row ng-Fieldcaption="<" ng-Fieldvalue=">"></rn-Row>
<rn-Row ng-Fieldcaption="-" ng-Fieldvalue="+"></rn-Row>
<rn-Row ng-Fieldcaption="Left" ng-Fieldvalue="Right"></rn-Row>
<tr><td><span  class="text-primary ">1 :</span></td><td><span class="text-default "> 2</span></td></tr>
</table>


 template: '<tr><td><span >{{ngFieldcaption}} :</span></td><td><span> {{ngFieldvalue}}</span></td></tr>'

http://jsfiddle.net/49uFF/

和结果

  • &LT; :&gt;
  • - :+
  • 左:右
  • 0:3
  • 1:2

但我希望看到

  • 0:3
  • &LT; :&gt;
  • - :+
  • 左:右
  • 1:2

我做错了什么?

1 个答案:

答案 0 :(得分:1)

在这种情况下,我会使用属性声明

<body ng-app="demo">
    <table>
    <tr><td><span  class="text-primary ">0 :</span></td><td><span class="text-default "> 3</span></td></tr>
    <tr rn-Row ng-Fieldcaption="<" ng-Fieldvalue=">"></tr>
    <tr rn-Row ng-Fieldcaption="-" ng-Fieldvalue="+"></tr>
    <tr rn-Row ng-Fieldcaption="Left" ng-Fieldvalue="Right"></tr>
    <tr><td><span  class="text-primary ">1 :</span></td><td><span class="text-default "> 2</span></td></tr>
    </table>
</body>