数组的AngularJS ng-repeat不起作用

Question

我有通过此脚本创建的数组：

    $scope.bindModel = function(data) {
        $scope.model = data;
        $scope.projects = projectNames();
        $scope.$apply($timeout($scope.bindModel(data)));
    };

    /* Function that enumerates the names of the project in the list of model's object*/
    var projectNames = function () {
        var array = [];
        // SOME CODE . . .
        return array;
    };

它创建像这样的数组：

$scope.projects = ["first project", "second project", "third project"];

当我尝试通过ng-repeat =“ project in projects”在页面上显示它时，什么都没有显示，但是在调试控制台中，大量的都有值。 我哪里做错了？ 我在选择中使用此：

<select class="chzn-border" style="width:98%">
     <option disabled selected style='display:none;'>Choose a project...</option>
     <option ng-repeat="project in projects" value="{{project}}">{{project}}</option>
</select>

的jsfiddle

Answer 1

据我介绍，angular并没有意识到对$ scope.Projects所做的更改。 因此，您应该在apply中调用$scope.bindModel 。 尝试使用超时，该超时会将您的代码包装在$ scope。$ apply中。

$timeout($scope.bindModel(data));

希望这会有所帮助。

Answer 2

我可以给您一个提示，从那里您可以找到解决ng-repeat问题的想法：

HTML：

<div ng-app ng-controller="MyController">
    <input type="submit" ng-click="projectNames()" value="submit"></input>
    <select class="chzn-border" style="width:98%">
     <option disabled selected style='display:none;'>Choose a project...</option>
     <option ng-repeat="project in projects" value="{{project}}">{{project}}</option>
</select>

Angular JS：

function MyController($scope) {
  // $scope.bindModel = function(data) {
        //$scope.model = data;
        //$scope.projects = projectNames();
    //alert($scope.projects);
    //};

    $scope.projects = [];
    $scope.projectNames = function () {
        $scope.projects.push(" a is a project.");
        $scope.projects.push(" b is a project.");
        $scope.projects.push(" c is a project.");
    };

}

在这里，我使用了一个有助于加载数组的按钮，然后在html中将ng-repeat应用于数组以显示数据。 您可以根据需要在加载时加载数组。