2013-10-17 19 views
0

我有一个在同一页面上多次实例化的角度控制器。我想选择一个基于该控制器内部类的元素。

HTML:

<div ng-controller="File" ng-switch-when="file" class="fine-uploader"><p class="button">1</p></div> 
<div ng-controller="File" ng-switch-when="file" class="fine-uploader"><p class="button">2</p></div> 

的Javascript

function File($scope){ 
    var button = angular.element(.button); 
    console.log(button); 
} 

我想先登录的第一个按钮控制台,然后第二个按钮。

+1

为什么不在指令? – Cherniv

回答

1

互动与DOM只能通过指令

app.directive('myDirective',function(){ 
return{ 
    restrict: 'E', // restrict to element 
    link: function(scope,element){ 

     //element will point to your DOM-element 

    } 
} 
}); 

参见:http://docs.angularjs.org/guide/directive

延伸阅读:

How do i think in Angular if i have a jQuery background

+0

我看起来有点死活,但我很难开始。我应该把它们放进我的功能还是......在哪里? – Himmators

+1

听起来像你有一个粗略的时间了解Angular的基本概念。为了学习的目的,我强烈推荐Angular Tutorial:http://docs.angularjs.org/tutorial以及www.egghead.io。尝试将指令看作可以从任何地方插入到页面的小模块。一个简单的用例是:为您的应用程序创建一个主模块,然后添加一个指令。请随时索取更多信息:) – Sprottenwels