2015-08-23 58 views
0

基於所選單選按鈕顯示文本字段。現在我將其更改爲複選框,它不工作。任何幫助請。ng-repeat不支持複選框

<body ng-app="EquityCompensation"> 
    <script src="https://code.angularjs.org/1.4.3/angular.js"></script> 
    <script src="https://code.angularjs.org/1.4.3/angular-route.js"></script> 
    <script src="app.js"></script> 
    <div ng-controller="MainCtrl"> 
    <div data-ng-repeat="choic in choice"> 
     <form> 
     <input ng-model="choic.mustShow" class="label_align" type="checkbox" name="customer" value="no"> 
     <div class="mediumSubhead"> Information housed </div> 
     <br/> 
     <input ng-model="choic.mustShow" class="label_align" type="checkbox" name="customer" value="yes"> 
     <div class="mediumSubhead"> Information housed outside </div> 
     </form> 
    </div> 
    <div ng-show="(choice | filter: {mustShow: 'yes'}).length > 0"> 
     <input name="first_name" class="text_box_space" type="text" value=""  style="color: black;" size="25" width="200px"> 
     </div> 
    </div> 
     </body> 
    var app = angular.module('EquityCompensation', []); 
    app.controller('MainCtrl', function($scope) { 
     $scope.choice = [{id: 'choic1'},{id: 'choic2'}]; 
     }); 
+0

您的代碼做什麼,我希望它做的事:HTTP: //plnkr.co/edit/MMwk9a4vm9w7FMF7GWTe?p=preview。你期望它做什麼? –

+0

我希望它是複選框而不是單選按鈕。當我將收音機更改爲複選框時,文本字段不起作用 – user3853398

+1

然後向我們顯示無法使用複選框的代碼。不是代碼的工作,我們不需要修復。當你因爲你的兒子生病而去看醫生時,你不會和你的女兒一起去,對吧?你和你的兒子一起去,因爲那是醫生需要看的。你還沒有說你期望你的代碼做什麼。 –

回答

0

使用該屬性& NG-真值= 「 'YES'」 NG-假值= 「 'NO'」,它的工作