如何使用angular.element獲取li元素

我是新來的angular，我試圖從ul中使用angular.element獲取li併爲其添加一個類。但它似乎沒有工作，它顯示'未定義'。我哪裏錯了？如何使用angular.element獲取li元素

app.controller('MainCtrl', function($scope) { 
    $scope.names = [ 
     'John', 
     'Doe' 
    ]; 

    console.log(angular.element(document.getElementById('container'))[0].children[1]);  
});

演示：http://plnkr.co/edit/gfyDlLeXcbc0uAIxPE93?p=preview

來源

2014-01-16 user1184100

它不工作，因爲當你調用console.log(angular.element(document.getElementById('container'))[0].children[1]);，呈現階段還沒有開始也沒有<li>此時呈現。

如果你需要添加一個類動態，我建議使用ng-class

DEMO如何使用ng-class

DEMO如何使用class與{{}}

來源

2014-01-16 13:37:35

正確的，但是否有任何其他方式除了ng-class – user1184100

@ user1184100：如果你添加靜態類，使用普通的'class'屬性應該足夠了。對於基於模型狀態的動態類，您應該使用'ng-class'，因爲它在角度循環方面表現良好。另一種方法是使用帶'class'的'{{}}'。就像'class =「{{myclass}}」'。 –

@ user1184100：檢查我的演示。 –

如何使用angular.element獲取li元素

回答

相關問題