AngularJS从内部对象中获取内部数组属性

时间:2017-09-13 02:58:11

标签: javascript html angularjs arrays

我有一个名为$ rootScope.data的对象

```

$rootScope.data = {
        model: 'build',
        availableOptions: [
            { logo: 'https://tctechcrunch2011.files.wordpress.com/2013/04/balanced-
                e28093c2a0logo.png', 
              name: 'Balanced' 
            }
        ]
    }

```

我在视图中显示:

```

<select id="category" ng-model="data.model">
    <option ng-repeat="data in data.availableOptions" value="{{data.logo}}">{{data.name}}</option>
</select>

```

,推送功能是:

```

$scope.addGateway = () => {
        console.log($scope.data.model)
        $scope.gateways.push({
            logo: $scope.data.model,
            status: 'ENABLED',
            statusColor: 'green-darken-1'
        })
    }

```

然后我有一个推入新阵列的按钮,它按照我想要的方式执行:推送公司的徽标。但我不知道如何访问或推送name availableOptions内的新数组。

我正在使用AngularUI Bootstrap,因此推送功能在另一个控制器中。

1 个答案:

答案 0 :(得分:0)

我可能只是饿了。哈哈。我吃完之后,我进去再次编码,我是如此愚蠢,我第一次没有得到它:

const checkForSame = () => {
    for (let i = 0; i < gateways.length; i++) {
        $scope.test = gateways[i].name
        if ($scope.data.model == $scope.test) {
            console.log('same!')
            return
        }
        else {
            console.log('not same!')
            return
        }
    }
    return
}