0

ラジオボタンをクリックして複数のデータを表示するには、助けが必要です。

私のコード: 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

角度 J:

$scope.opportunity = '';

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

このコードを実行すると、Test1 または Test2 または Test3 が表示されます。ただし、Test4、Test5、Test6 は表示されません。この問題を解決するにはどうすればよいですか

4

1 に答える 1

0

あなたのコードを plunker で再作成しました: http://plnkr.co/edit/xh4p9i1jpPl03bBH6K6P?p=preview

それは完全に機能するので、最後の3つのdivがコントローラーによってラップされていないと感じました

于 2014-03-03T10:30:38.080 に答える