angularjs - UI-Grid中的Angular UI-Select？

Question

我觉得我在用头撞墙。

有人有在 ui-grid 中使用 ui-select 的示例吗？(3.0)

我最难在 ui-grid 中使用 ui-select 作为 cellTemplate，即：

{ field: "Job.JobTitle", displayName: "Job Title", enableCellEdit: true, editableCellTemplate: '<ui-select ng-model="job.selected" theme="select2" style="width:100%;"><ui-select-match placeholder="Select a job...">{{$select.selected.JobTitle}}</ui-select-match><ui-select-choices repeat="job in jobs | filter: $select.search"><div ng-bind-html="job.JobTitle | highlight: $select.search"></div></ui-select-choices></ui-select>' }

有没有人在 ui-grid 中有一个 ui-select 的例子？

谢谢！

Answer 1

所以经过几个小时的斗争，我发现了问题！

ui-grid-cell CSS 类有溢出：隐藏。这意味着我的 ui-select 隐藏在下部单元格的后面。

多么有趣，多么有趣。现在覆盖那个小皮塔！

Answer 2

诀窍是

append-to-body="true"

但是不要从我这里拿走它，从这个主题的最佳权威那里拿走它。这是它的完成方式。

http://brianhann.com/ui-grid-and-dropdowns/