Question

我在Angular应用程序中工作，在控制器内我需要迭代一组对象。这是控制器和这种情况所涉及的代码：

myapp.controller('LoginController', ['$scope',  function(scope) {
    // Users for test
    this.users = [
        {
            name: 'admin',
            password: 'admin',
            role: 'ADMIN'
        },
        {
            name: 'employee',
            password: '12345',
            role: 'EMPLOYEE'
        }
    ];
    console.dir(this.users); // Prints an array of objects correctly

    // called when user submits
    scope.login = function() {
        console.log('login(). User: ');
        console.dir(scope.user); // Prints the object with user's input (also correct)

        var found = false;

        for(let u of this.users) {
            console.log('Comparing with:');
            console.dir(u);

            if(u.name == scope.user.name && u.password == scope.user.password) {
                console.log('Found!');
                found = true;

                // do something else...
            }
        }

        if(!found) { // show error message... }
    }
}]);

问题是当我提交登录表单（调用scope.login()）时，我在控制台中收到错误消息：

TypeError: Cannot read property 'Symbol(Symbol.iterator)' of undefined
    at m.scope.login (loginController.js:44)
    ...

loginController.js:44对应for(let u of this.users) {行。我通过网络搜索了（W3学校，MDN和这个网站），但解决方案对我没有用。我已经尝试了以下解决方案：

for(var u of this.users)
var u; for(u in this.users)
for(var i = 0; i < this.users.lenght; i++)：这会将错误消息更改为Cannot read property 'length' of undefined

我觉得这很简单，但我无法弄清楚它是什么（我在Javascript方面不是很熟练，对不起）。任何人都可以帮我解决这个问题吗？

提前感谢您的回答。

Answer 1

范围在登录函数中发生变化，因此变量this在该函数中之前不同。

在scope.login = function() {之前你可以写：

var _this = this;

然后使用_this.users.forEach(function(user) {

或for (var i = 0; i < _this.users.length; i++)

Answer 2

./static/js内容在this内变化，因为它是一种对象方法，scope.login = function () {}是对this的引用。试试这个：

scope

javascript迭代对象数组

2 个答案: