2016-03-15 22 views
1

剛開始學習角度,我現在很難過。Angular:訪問數據

我不明白角度如何訪問DOM數據。

在我見過的所有的數據實例正在初始化一個控制器內:

phonecatApp.controller('PhoneListCtrl', function ($scope) { 
    $scope.phones = [ 
    {'name': 'Nexus S', 
    'snippet': 'Fast just got faster with Nexus S.'}, 
    {'name': 'Motorola XOOM™ with Wi-Fi', 
    'snippet': 'The Next, Next Generation tablet.'}, 
    {'name': 'MOTOROLA XOOM™', 
    'snippet': 'The Next, Next Generation tablet.'} 
    ]; 
}); 

如果我有一個已經從其他來源,例如填的表。

<table> 

    <tr> 
     <td> John </td> 
     <td> johnson </td> 
     <td> 30 </td> 
    </tr> 

    <tr> 
     <td> David </td> 
     <td> Davidson </td> 
     <td> 23 </td> 
    </tr> 

    ... 

</table> 

比方說,我想要做的那些錶行(過濾其中的一些,例如)的東西,當用戶點擊某個按鈕。如何獲取控制器中表格中的所有數據。

我可以在一箇中繼器應用過濾器像在教程

<li ng-repeat="phone in phones | filter:query"> 
    {{phone.name}} 
    <p>{{phone.snippet}}</p> 
</li> 

但像本教程不,我不從控制器加載數據。在我的情況下,它已經在那裏。我只是需要去操縱它。怎麼樣?

回答

4

簡單的答案是,你不能。 Angular只能從控制器內操作綁定到$ scope的數據(或者使用ng-init,但控制器使其更容易)。

1

Angular不訪問DOM來檢索數據,它訪問傳遞給它的數據(通常在控制器內)並使用它來生成DOM。