javascript - 设置解析对象列表以使用 Angularjs 选择标签

Question

我有一个Angularjs获取 Parse 的 Controller 对象:

function MyController() {
    var self = this;
    var listObjects;

    function getObjects() {
        var myObject = Parse.Object.extend("MyObject");
        var query = new Parse.Query(myObject);

        query.find().then(function(objects) {
            for (var i = 0; i < objects.length; i++) {
                var object = objects[i];
                self.listObjects.push(object);
            }
        }, function(error) {
          console.log("ERROR: " + error);
        });
    }

    getObjects();

    self.getObjects = getObjects;
}

我正在尝试将该对象列表设置为 <select>使用:

<select ng-options="object.Name for object in myController.listObjects"></select> 

我的问题是，listObjects在我的 function 中似乎无法访问。如果我做 console.log()在我的listObjects上在我的函数中，它返回为未定义。有没有办法填充我的select页面加载时？我还尝试从 onLoad 调用我的函数但这没有用。任何建议，将不胜感激。

Answer 1

您没有将 listObjects 设为数组(或任何东西)，因此它是未定义的。

改变

var listObjects;

至

var listObjects = [];

现在您可以访问 array.prototype 方法等。

JsFiddle演示:http://jsfiddle.net/chrislewispac/0bmd2rxd/