在元素中獲取子元素？

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>

現在我想做一個Angular指令來處理它。 但是我不知道如何掌握不同的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'));