表格上方的 AngularJS 指令答案

【问题标题】：AngularJS directive above table表格上方的 AngularJS 指令
【发布时间】：2017-06-20 05:47:11
【问题描述】：

我有表格和模板指令 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/

结果

- : +
左：右
0:3
1:2

但我想看看

0:3
- : +
左：右
1:2

我做错了什么？

【问题讨论】：

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

【解决方案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>

【讨论】：

但是如果我想从页面上的复选框管理 ng-if\ng-show 的状态，我如何在模板中添加 ng-if 或 ng-show？