2013-05-17 38 views
1

我正在一个项目中工作,在那里我必须在ng-grid单元格中显示一个提前。但是,键入单元格不适用于网格单元格。我已经把Plunkerbootstrap-typeahead在ng-grid中不工作

看到typeahead在网格上方的同一页面上工作。但它在ng网格单元格中不起作用。你能帮忙吗?

在此先感谢。

+0

你似乎已经打开作为引导的回购作为问题好吧,我在这个问题上发表了评论:https://github.com/angular-ui/bootstrap/issues/444 –

回答

2

花了相当长的一段时间跟踪所有的问题在你的plunker,有相当数量的人:在

  • 你缺少对电网的电池中使用的input元素ng-model指令,有很多错误控制台
  • typeahead窗口被附加作为输入元件之后的元素,从而就意味着你需要有它包裹在父DOM元素,例:<div>

上面的2个变更使打​​字工作成为可能。好 - 部分。生成正确的DOM结构等,但由于CSS冲突没有显示。看起来好像弹出式弹出窗口和网格中的单元格都是绝对定位的。这对网格来说有点令人惊讶,但是确定。但真正的问题是,.ngCell类具有overflow: hidden;属性,并且它使隐藏式弹出窗口变得不可见。

如果除去从.ngCelloverflow: hidden;这一切开始“工作”:

http://plnkr.co/edit/pzLb3079yuhDtW1XIxvq?p=preview

我想我们正面临着自举的CSS和NG-电网CSS的冲突。我们不能在此项目中更改Bootstrap的CSS,因此您必须决定是否将此问题引起ngGrid人员的注意或者破解其中一个CSS定义。

+0

非常感谢@ pkozlowski.opensource。这可能是关于ng-grid和bootstrap-typeahead的全新要求。其实我是AngularJs的新手。所以,犯了错误。再次感谢您的时间。 –