Нужна помощь, чтобы показать несколько 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 деления не были обернуты контроллером