內部元件在範圍對象（型螫陣列的）不與在範圍對象NG-重複

Question

內部元件（刺陣列）工作不與工作NG-重複

$scope.fakeoptions = ["Option1","Option2"]; 

    $scope.Question= { 
     Title: "New Question Title", 
     Options: ["Option1","Option2"], 

    }; 

這不是工作

<div ng-repeat="option in Question.Options" class="col-sm-3"> 
    <input type="text" value="{{option}}" /> 
    </div> 

凡在此情況下，工作

<div ng-repeat="option in fakeoptions " class="col-sm-3"> 
<input type="text" value="{{option}}" /> 
</div> 

我是新來的角，在淘汰賽我是使用類似OBSERV能夠 請協助。

Answer 1

不確定發生了什麼問題，因爲它工作正常，請參閱下面的代碼片段。但請注意，您應該使用ng-model將值綁定到輸入，並且實際上不應該直接綁定到範圍值，但這與您描述的問題沒有多大關係。

angular.module("app", []).controller("ctrl", function($scope) { 
 

 
    $scope.fakeoptions = ["Option1", "Option2"]; 
 

 
    $scope.Question = { 
 
    Title: "New Question Title", 
 
    Options: ["Option1", "Option2"], 
 

 
    }; 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script> 
 

 
<div ng-app="app"> 
 
    <div ng-controller="ctrl"> 
 

 

 
    <div ng-repeat="option in Question.Options" class="col-sm-3"> 
 
     <input type="text" value="{{option}}" /> 
 
    </div> 
 
    <hr/> 
 
    <div ng-repeat="option in fakeoptions " class="col-sm-3"> 
 
     <input type="text" value="{{option}}" /> 
 
    </div> 
 
    </div> 
 
</div>