在elemement中获取子元素？

Question

我想制作一个＆＃34; niveau-picker＆＃34;我的Ionic / AngularJS应用程序的小部件。看起来应该是这样的：

我目前的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'));