ui-select in ui-grid filterHeaderTemplate

时间:2016-03-02 08:42:43

标签: angularjs angular-ui-grid ui-select

我正在尝试在标头过滤器模板中使用ui-select,但无法使其正常工作;

Here is a plunker

谢谢!

   [1]: http://plnkr.co/edit/vOdh7PSL4rIESQKJu4rn?p=preview

2 个答案:

答案 0 :(得分:0)

你的掠夺者似乎很好。不能告诉你哪里出错了,但是如果我使用的是模板而不是你的指示,那就有用了。



  <script type="myTemplate" id="uiSelectTemplate">
    <ui-select ng-model = "colFilter.term" append-to-body = "true" class="g-select">
      <ui-select match-placeholder="colFilter.placeholder">< /ui-select-match> < ui - select - choices repeat = "option.id as option.value for option in colFilter.options" >
      <div ng - bind = "option.value" > < /div></ui - select - choices > < /ui-select>
  </script>
&#13;
&#13;
&#13;

然后使用:

$templateCache.put('#cohortVersionToolBar')

将模板插入网格。

您必须将$ templateCache注入控制器。 我把你的笨蛋分开了。 Here it is

答案 1 :(得分:0)

您使用ui-select是否有任何特定原因?这可以通过创建指令来完成。检查我的plunkr ......

[http://plnkr.co/edit/tXZYrfQFzLhred5i0UeG?p=preview][1]
  • 第9-12行:创建了我的对象数组
  • 第22-24行:通过调用我的自定义指令
  • 创建了filterHeaderTemplate
  • 第59-64行:已创建指令