在選擇選項的Ng模型

Question

我有一個問題列表，包括問題和答案，但用戶在我的選擇中會選擇的答案。我怎樣才能做到這一點？我試過這個，但是選擇沒有顯示在屏幕上。

HTML：

<div ng-controller="mainController" class="container" style="margin-top: 10%"> 
     <div class="jumbotron"> 
      <div id="inicio"> 
       <h1 style="text-align: center">Ache aqui um filme perfeito para você assistir agora!</h1> 
       <div class="center-block" style="margin-top: 30px"> 
        <button ng-click="comecarPerguntas()" class="btn btn-success center-block" style="margin:0px auto;">Começar!</button> 
       </div> 
      </div> 
      <div id="pergunta" ng-switch="pergunta" class="container"> 
       <div ng-switch-when="-1"></div> 
       <div ng-switch-default> 
        <h2>{{perguntas[pergunta].pergunta}}</h2> 
        <select class="selectpicker"> 
         <option ng-model="perguntas[pergunta].resposta">Sim</option> 
         <option ng-model="perguntas[pergunta].resposta">Não</option> 
        </select> 
       </div> 
      </div> 
     </div> 
    </div> 

JS：

knnapp.controller('mainController', function ($scope) { 
$scope.pergunta = -1; 

$scope.perguntas = [ 
    { 
     pergunta: "Você está feliz hoje?", 
     resposta: "" 
    }, 
    { 
     pergunta: "Você está cansado?", 
     resposta: "" 
    }, 
    { 
     pergunta: "Gosta de heróis?", 
     resposta: "" 
    } 
]; 

$scope.comecarPerguntas = function() { 
    angular.element(document.querySelector('#inicio')).css("display", "none"); 
    $scope.pergunta = 0; 
}; 

}）;

Answer 1

ngModel應選擇元件上：

<select class="selectpicker" ng-model="perguntas[pergunta].resposta"> 
    <option value="yes">Sim</option> 
    <option value="no">Não</option> 
</select> 

Answer 2

從角文檔，這是實現選擇適當的方式：

<select ng-options="item.subItem as item.label for item in items track by item.id" ng-model="selected"></select> 

來源： https://docs.angularjs.org/api/ng/directive/ngOptions