角を動的に生成するチェックボックス。選択されているもの

Question

チェックボックスを使用して複数の選択肢の回答を動的に生成しました。私はチェックボックスの魔法の答えを選択しようとしているが正しいです。どうすればそれを達成できますか？

$scope.multiQuestions = [ 
    { question: "Does it?" }, 
    { question: "Do you?" } 
    // .. 
]; 

とあなたのhtmlで：

<md-list flex> 
    <md-subheader class="md-no-sticky">List of Questions :</md-subheader> 
    <md-list-item class="md-1-line" ng-repeat="multiQuestion in multiQuestions"> 
     {{$index + 1}}. {{multiQuestion}} 
      <md-checkbox ng-model="multiCheck"> 
       {{ $index + 1}} 
      </md-checkbox> 
    </md-list-item> 
</md-list> 

<md-subheader class="md-no-sticky">Add more Answers :</md-subheader> 
    <md-input-container style="margin-right: 20px; min-width:150px"> 
    <label>Answer</label> 
    <input name= "newMultiAnswer" ng-model="newMultiAnswer" ng-minlength="1"> 
    </md-input-container><md-button class="md-raised md-primary" ng-click="addMultiAnswer()">Add Answer</md-button> 

function addMultiAnswers($scope) { 
    $scope.multiAnswers = []; 
    $scope.addMultiAnswer = function() { 
     if ($scope.newMultiAnswer != undefined && $scope.newMultiAnswer != " ") 
     { 
      $scope.multiAnswers.push($scope.newMultiAnswer); 
     } 
     $scope.newMultiAnswer = ' '; 
    } 

Answer 1

あなたは、配列内のオブジェクトの代わりに、プレーンな文字列を使用してこれを行うことができ

<md-list-item class="md-1-line" ng-repeat="multiQuestion in multiQuestions"> 
    {{$index + 1}}. {{multiQuestion.question}} 
     <md-checkbox ng-model="multiQuestion.checked"> 
      {{ $index + 1}} 
     </md-checkbox> 
</md-list-item> 

---

あなたが本当ににバインドされている場合文字列配列の場合は、次のようにすることもできます。

<md-list-item class="md-1-line" ng-repeat="multiQuestion in multiQuestions"> 
    {{$index + 1}}. {{multiQuestion}} 
     <md-checkbox ng-model="answers[$index]"> 
      {{ $index + 1}} 
     </md-checkbox> 
</md-list-item> 

次に、あなたのコントローラーでそれにアクセスすることができます。

$scope.logAnswers = function() { 
    for (var i = 0; i < $scope.multiQuestions.length; i++) { 
     console.log("Question:", $scope.multiQuestions[i], "Answer:", $scope.answers[i]); 
    } 
}