2014-03-03 44 views
0

我需要一些幫助,以通過單擊單選按鈕顯示多個數據。需要幫助來顯示角度js單選按鈕顯示多個div

我的代碼: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; 
}; 

當我運行這段代碼測試1或Test2的或Test3的顯示。但是Test4,Test5,Test6不會顯示。我怎樣才能解決這個問題

+0

我已經包裹的感覺只需將你的代碼複製粘貼到Plunker並且Test4-6是可見的:) http://plnkr.co/edit/Q9wGtPTfhiAGLwOthXdo?p=preview –

+0

你正在做其他事情,你沒有在這裏分享。因爲你在這裏張貼完美的工作。也許你的HTML不同? – dfsq

回答