Нужна помощь, чтобы показать несколько div с помощью переключателя в угловых JS

Мне нужна помощь, чтобы показать несколько данных, нажав переключатель.

Мой код: HTML

<input type="radio" ng-model="opportunity" name="buy" value="buy">Buy
<input type="radio" ng-model="opportunity" name="services" value="services">Services
<input type="radio" ng-model="opportunity" name="social" value="social">Social

<div ng-show="isShown('buy')"> Test1 </div> // when radio button 1 is active
<div ng-show="isShown('services')"> Test2 </div> // when radio button 2 is active
<div ng-show="isShown('social')"> Test3 </div> // when radio button 3 is active

<div ng-show="isShown('buy')"> Test4 </div> // when radio button 1 is active
<div ng-show="isShown('services')"> Test5 </div> // when radio button 2 is active
<div ng-show="isShown('social')"> Test6 </div>// when radio button 3 is active

Угловой Js:

$scope.opportunity = '';

$scope.isShown = function(opportunity) {
return opportunity === $scope.opportunity;
};

Когда я запускаю этот код, отображается Test1 или Test2 или Test3. Но Test4, Test5, Test6 не покажут. Как я могу решить эту проблему

1 ответ

Решение

Я пересоздал ваш код в plunker: http://plnkr.co/edit/xh4p9i1jpPl03bBH6K6P?p=preview

Это работает отлично, поэтому у меня было ощущение, что ваши последние 3 деления не были обернуты контроллером

Другие вопросы по тегам