Question

我有以下代码

<div class="tabs DeliveryRightDiv">

            <label class="selected"><a>One</a></label>
            <label> <a>Two</a> </label>
            <label> <a>Three</a></label>

   </div>

我有一个基于使用显示的div从标签上方选择了一个/两个/三个

  <div flex layout="row" class= "mycls">
   <div flex  layout="row" id="myid">
            <div flex  layout="column" class="insideall">
                <label>{{Oneselectedvalue}}<span>Total </span></label>
            </div>
        </div>
 </div>

当用户选择Two时，表达式值应为{{Twoselectedvalue}}而不是{{Oneselectedvalue}}（所有值都驻留在控制器中）。

我尝试过添加模型，但与输入框不同，我没有任何价值可以比较show hide !!是否有任何建议可以使用这样的一个div？

Answer 1

我想出了这个（在控制器中创建一个var＆＃34; selectedvalue＆＃34;）

<div class="tabs DeliveryRightDiv">

        <label class="selected"><a ng-click="selectedvalue = 1">One</a></label>
        <label> <a ng-click="selectedvalue = 2">Two</a> </label>
        <label> <a ng-click="selectedvalue = 3">Three</a></label>

</div>

然后

<div flex layout="row" class= "mycls">
    <div flex  layout="row" id="myid">
        <div flex  layout="column" class="insideall">
            <span ng-hide="selectedvalue != 1"><label>{{Oneselectedvalue}}<span>Total </span></label></span>
            <span ng-hide="selectedvalue != 2"><label>{{Twoselectedvalue}}<span>Total </span></label></span>
            <span ng-hide="selectedvalue != 3"><label>{{Threeselectedvalue}}<span>Total </span></label></span>
        </div>
    </div>
</div>

ng-click初始化一个名为＆＃34; selectedvalue＆＃34;的变量。想要的价值（1对1，2对2等），然后用ng-hide显示你选择的那个。

我无法在Angular 1.x上测试它，所以请告诉我它是否适合你（使用角度4）。

ng-model显示/隐藏标签或标签

1 个答案: