獲得子要素？

Question

我想爲我的Ionic/AngularJS應用程序製作一個「niveau-picker」小部件。它應該是這個樣子：

我目前的HTML：

<niveau-selector> 

    <button class="plus-minus-button icon ion-minus"></button> 

    <table id="niveau_selector"> 
     <tr> 
      <td><div style="min-height:20px" id="bin_1">.</div></td> 
      <td><div style="min-height:30px" id="bin_2">.</div></td> 
      <td><div style="min-height:40px" id="bin_3">.</div></td> 
      <td><div style="min-height:50px" id="bin_4">.</div></td> 
      <td><div style="min-height:60px" id="bin_5">.</div></td> 
     </tr> 
     </table> 

    <button class="plus-minus-button icon ion-plus plus"></button> 

</niveau-selector> 

現在我想打一個角度指令來處理它。但我不知道如何掌握不同的DOM元素。每次按下加號按鈕時，下一個垃圾箱都會變成黃色。這是我有：

app.directive('niveauSelector', function() { 
    var linkFn; 
    linkFn = function(scope, element, attrs) { 

     binOne = angular.element.????? 
     binTwo = angular.element.????? 
     .... 
     plus = angular.element.?? 
     minus = angular.element.?? 

     set_niveau = function(niveau) { 
      ... set colors on bin-elements.. 
     }; 

     plus.on('click', set_niveau); 
     minus.on('click', set_niveau); 
    }; 
    return { 
     restrict: 'E', 
     link: linkFn 
    }; 
}); 

Answer 1

與剛剛嘗試：

binOne = angular.element(document.querySelector('#bin_1'));