Javascript 使用angularjs显示/隐藏级联tr

我试图在单击按钮时显示/隐藏。 我试过了

---

问题是，校准按钮起作用。但另一个确定取消按钮不起作用。

如果出现以下情况，使用ng show代替ng

校准
抵消
倍增器
真实值：
取消
好啊
真实值：
取消
好啊
var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.visible=false；
$scope.visible1=false；
});
使用ng bind指令将元素的innerHTML绑定到数据模型中的属性

您能创建一个可运行的代码片段吗？这很容易理解，你能解释一下你到底想要什么吗？

    <tr>
        <td colspan="2">
            <button ng-click="visible = true">Calibration</button>
        </td>

        <td colspan="2"> Offsset                
        </td>

        <td colspan="3" > Multiplier
        </td>

    </tr>

    <tr ng-if="visible" >  
       <td colspan="5">
         True value:
       </td>                                                                                                     
       <td colspan="2">         
         <button ng-click="visible = false">Cancel</button>
         <button ng-click="visible1 = true">OK</button>
       </td>
   </tr>

   <tr  ng-if="visible1" >  
     <td colspan="5" >
     True value: <input type="text" name="val1" id="val1" style="width:50%"/>
     </td>
     <td colspan="2">   
         <button ng-click="visible1 = false" >Cancel</button>
         <button> OK </button>
     </td>
</tr>

$scope.visible = false;
$scope.visible1 = false;