2016-11-13 38 views
0

内部元件(刺阵列)工作不与工作NG-重复内部元件在范围对象(型螫阵列的)不与在范围对象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能够 请协助。

+0

两者都是工作。请再次检查。 – Priyanka

+0

在输入类型中使用'ng-model'而不是'value'。它会工作。 –

+0

是的ng-model现在正在工作,在第一个选项不工作仍然,谢谢Rohit – user3815413

回答

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>

+0

是的。 ng-model现在在工作,其中value =“{{option}}”仍然不能工作,感谢Robba – user3815413

+0

很高兴看到你有它的工作。但最后一点需要注意的是,无论何时使用ng-model,你都应该确保你所绑定的东西有一个“点”。有关Angular的Scope结构的怪癖,请参阅此文档以获得一些相当好的解释:https://github.com/angular/angular.js/wiki/Understanding-Scopes – Robba