Javascript 在元素中获取子元素？

我想为我的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>

试一下：

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

---

它实际上可以工作，但chrome仍然会发出一个错误：错误：[jqLite:nosel]通过选择器查找元素不受jqLite支持！

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