ng-модел показване / скриване на етикет или маркер - javascript, angularjs

Имам код под

<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>

Когато потребителят избере Две, стойността на израза трябва да бъде {{Twoselectedvalue}} вместо {{Oneselectedvalue}} (Всички стойности се намират в контролера).

Аз се опитах добавяне на модел, но за разлика от полето за въвеждане, аз не "имам някаква стойност, за да се сравни за шоу скрий! Има ли някакво предложение, че е възможно с един div като този?

Отговори:

Измислих това (създайте вар "избрана стойност" в контролера):

<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>

Натиснете, за да инициализирате променлива, наречена "избрана стойност" с желана стойност (1 за една, 2 за две и т.н.), след това използвайте ng-hide, за да покажете избраното.

Не мога да го тествам на Angular 1.x, така че кажете ми дали е работил за вас (работещи на ъглови 4).