角度オプションがドロップダウンリストに表示されない

Question

ドロップダウンリストに値を設定しようとしていますが、表示するオプションが表示されず、理由がわかりません。私はこれで私のコントローラのオプションを移入：

var qOptions = []; 
if (value.vchChoice1 != '') { 
    qOptions.push(value.vchChoice1); 
    }; 
if (value.vchChoice2 != '') { 
    qOptions.push(value.vchChoice2); 
    }; 
if (value.vchChoice3 != '') { 
    qOptions.push(value.vchChoice3); 
}; 
if (value.vchChoice4 != '') { 
    qOptions.push(value.vchChoice4); 
    }; 
$scope.followingquestions[key].qOptions = qOptions; 
    qOptions = []; 

次に、このように私のHTMLに：ここ

<select ng-model="f.vchShortAnswer"> 
    <option value="">--Please Select--</option> 
    <option ng-repeat="z in f.qOptions" value="{{z}}">{{z}}</option> 
</select> 

オプションを引き起こしているが、何かがあるだけの場合には、全体のHTMLコードです

  <div ng-repeat="f in followingquestions"> 
      <div ng-switch="f.ClusterTypeID"> 
       <div ng-switch-when="1048576"> 
        <div class="row row-relative"> 
         <div class="col-md-12"> 
          <div ng-bind-html="f.vchQuestionText | trustedhtml"></div><br /> 
          <div> 
           <table> 
            <thead style="background-color:#b1d6f1"> 
             <tr> 
              <th>{{headers.vchTextElementOneHeader}}</th> 
              <th>{{headers.vchTextElementTwoHeader}}</th> 
             </tr> 
            </thead> 
            <tbody> 
             <tr ng-repeat="answ in headers.Answers"> 
              <td>{{answ.vchTextElementOne}}</td> 
              <td>{{answ.vchTextElementTwo}}</td> 
             </tr> 
            </tbody> 
           </table> 
          </div> 
         </div> 
        </div><br /> 
       </div> 
       <div ng-switch-when="1"> 

        <div class="row row-relative"> 
         <div class="col-md-9"> 
          <span ng-bind-html="f.vchQuestionText | trustedhtml"></span>&nbsp;<span ng-if="f.vchToolTip != null" style="cursor:pointer"><i class="glyphicon glyphicon-info-sign" tooltip="{{f.vchToolTip}}"></i></span> 
         </div> 
         <div class="col-md-3 col-border" ng-switch="f.vchAnswerTableName"> 
          <div class="col-border-padding"> 
           <div ng-switch="f.AnswerTypeID"> 
            <div ng-switch-when="1"> 
             <input type="radio" ng-model="f.vchShortAnswer" value="Yes" style="width:20px" />&nbsp;Yes&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" data-ng-model="f.vchShortAnswer" value="No" style="width:20px" />&nbsp;No 
            </div> 
            <div ng-switch-when="5"> 
             @*<select data-ng-model="f.vchShortAnswer" ng-options="qO as qO for qO in f.qOptions" class="form-control">*@ 
             <select ng-options="z as z for z in f.qOptions" ng-model="f.vchShortAnswer" class="form-control"> 
              <option value="">--Please Select--</option> 
             </select> 
            </div> 
            <div ng-switch-when="8"> 
             <textarea ng-model="f.vchLongAnswer" style="width:100%"></textarea> 
            </div> 
            <div ng-switch-when="10"> 
             <input type="text" ng-model="f.dteDateAnswer" /> 
            </div> 
            <div ng-switch-when="9"> 
             <input type="text" ng-model="f.decNumericAnswer" /> 
            </div> 
           </div> 
          </div> 


         </div> 
        </div> 
        <div ng-repeat="child in f.Dependents"> 
         <div class="row row-relative"> 
          <div class="col-md-9"> 
           <span ng-bind-html="child.vchQuestionText | trustedhtml"></span>&nbsp;<span ng-if="child.vchToolTip != null style=" cursor:pointer""><i class="glyphicon glyphicon-info-sign" tooltip="{{child.vchToolTip}}"></i></span> 
          </div> 
          <div class="col-md-3 col-border" ng-switch="child.vchAnswerTableName"> 
           <div class="col-border-padding"> 
            <div ng-switch="child.AnswerTypeID"> 
             <div ng-switch-when="8"> 
              <div ng-switch="child.bitDependentOnParent"> 
               <div ng-switch-when="true"> 
                <div ng-if="p.vchShortAnswer == child.vchParentAnswerMakesEnabled"> 
                 <textarea ng-model="child.vchLongAnswer" style="width:100%"></textarea> 
                </div> 
                <div ng-else> 
                 <textarea ng-model="child.vchLongAnswer" style="width:100%" disabled></textarea> 
                </div> 
               </div> 
               <div ng-switch-when="false"> 
                <textarea ng-model="child.vchLongAnswer" style="width:100%"></textarea> 
               </div> 
              </div> 
             </div> 
             <div ng-switch-when="1"> 
              <input type="radio" data-ng-model="form.child.vchShortAnswer" value="Yes" style="width:20px" />&nbsp;Yes&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" data-ng-model="form.child.vchShortAnswer" value="No" style="width:20px" />&nbsp;No 
             </div> 

            </div> 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 

を私はf.qOptionsの値があることを知っている、と私はただのdivタグでの繰り返しを使用してそれらを表示することができますが、私は彼らがドロップダウン李に表示することができません：消え、その後登場しますst。

は、私はまた、次のことを試してみましたが、彼らはまだ表示されません。

ng-options="z as z for z in f.qOptions" 

さらに奇妙なの...値を簡単に表示され、その後、姿を消しました！

私は選択肢リストに他のリストを表示しているので、ここでは単純なものがありません。どんな支援も大歓迎です！

Answer 1

$scope.qOptions = []; 
if (value.vchChoice1 != '') { 
    $scope.qOptions.push(value.vchChoice1); 
}; 
if (value.vchChoice2 != '') { 
    $scope.qOptions.push(value.vchChoice2); 
}; 
if (value.vchChoice3 != '') { 
    $scope.qOptions.push(value.vchChoice3); 
}; 
if (value.vchChoice4 != '') { 
    $scope.qOptions.push(value.vchChoice4); 
}; 
$scope.followingquestions[key].qOptions = $scope.qOptions; 


<select ng-options="z as z for z in f.qOptions" ng-model="f.vchShortAnswer"> 
    <option value="">--Please Select--</option> 
</select>