使用多个复选框产生

Question

我在与web表单的问题，我把一起

的目的是为用户检查了一系列的复选框，然后用可呈现NG-显示结果，涉及到这些复选框

这里提供多种尖端的是什么我迄今为止的浓缩版：

myApp.controller('MyController', function MyController($scope) { 

    $scope.tips = [ 
    { 

     heading: "Handy Tip Number 1", 
     body : "This is a great tip you're sure to love it", 
     usp: false, 
     cleargoal: true 


    }, 
    { 
      heading: "Handy Tip Number 2", 
     body : "This is a great tip you're sure to love it", 
     usp: true, 
     cleargoal: true 

    }, 
    { 
     heading: "Handy Tip Number 3", 
     body : "This is a great tip you're sure to love it", 
     usp: true, 
     cleargoal: false 


    }, 
    { 
     heading: "Handy Tip Number 4", 
     body : "This is a great tip you're sure to love it", 
     usp: false, 
     cleargoal: false 

    }, 
    { 
     heading: "Handy Tip Number 5", 
     body : "This is a great tip you're sure to love it", 
     usp: false, 
     cleargoal: true, 


    } 
]}); 

和

<form > 
     <input ng-model="easyTips" type="radio" value="usp" name="usp"> 

</form> 

<form > 
     <input ng-model="hardTips" value="cleargoal" type="radio" name="clear goal" > 


</form> 



<div div ng-controller="MyController"> 
      <div ng-repeat="items in tips"> 
        <div ng-show="items[easyTips] || items[hardTips]"> 
          <h2>{{items.heading}}</h2> 
          <p>{{items.body}}</p> 
        </div> 

      </div> 
    </div> 

这是工作，但是，而不是单选按钮，我希望输入是复选框，以便用户可以选择和取消选择多个选项，我找不到任何关于如何进行更改。

Answer 1

你需要使用ng-true-value与type="checkbox"并将其设置为'usp'或'cleargoal'，这样每当用户检查checkbox的easyTips和hardTipsng-model应当分别有这些值。

<form > 
     <input ng-model="easyTips" type="checkbox" ng-true-value="'usp'" /> 
{{easyTips}} 
</form> 

<form > 
     <input ng-model="hardTips" ng-true-value="'cleargoal'" type="checkbox" name="clear goal"> 
     {{hardTips}} 


</form> 

FULL EXAMPLE

Answer 2

在特定的输入框中使用type =“checkbox”而不是type =“radio”。