如何在angularjs中動態訪問對象？

Question

我正在嘗試基於ng-click動態訪問對象。我會有很多這樣的帶有按鈕的形式。

HTML

<button type="button" id="news" ng-click="home.addnew()">Update</button>
<button type="button" id="allocation" ng-click="home.addnew()">Update</button>
<button type="button" id="create" ng-click="home.addnew()">Update</button>

我的對象

"home": {
    "news": [{
        "type": "cd",
        "title": "title1",
    }],
    "allocation": [{
        "type": "cd",
        "title": "title2",
    }],
        "create": [{
        "type": "cd",
        "title": "title3",
    }]
    .......etc
}

Angularjs控制器

$scope.home.addnew = function(){
    var type = $(event.target).attr("id");
       $scope.home.news.title; // Here how can I access that "news","allocation","create" Dynamically
       $scope.home.type.title // I have tried like this 
}

我遇到錯誤

Cannot read property 'title ' of undefined

Answer 1

您試圖訪問對象屬性而不是數組。

它應該看起來像這樣

$scope.home.addnew = function(){
    var type = $(event.target).attr("id");
    $scope.home[type][0].title; 
}

Answer 2

您確定已將$ scope附加在首頁上，其中一位用戶已在評論中。 $ scope.home必須存在，然后才能開始使用它。

Answer 3

您可以將方括號用於數組

 var dynamicType ='news'; 
                var obj ={"home": {
                "news": [{
                "type": "cd",
                "title": "title1",
                }],
                "allocation": [{
                "type": "cd",
                "title": "title2",
                }],
                "create": [{
                "type": "cd",
                "title": "title3",
                }]
            }};
    console.log(obj.home[dynamicType][0].title);