我正在一个项目中工作,在那里我必须在ng-grid单元格中显示一个提前。但是,键入单元格不适用于网格单元格。我已经把Plunker。bootstrap-typeahead在ng-grid中不工作
看到typeahead在网格上方的同一页面上工作。但它在ng网格单元格中不起作用。你能帮忙吗?
在此先感谢。
我正在一个项目中工作,在那里我必须在ng-grid单元格中显示一个提前。但是,键入单元格不适用于网格单元格。我已经把Plunker。bootstrap-typeahead在ng-grid中不工作
看到typeahead在网格上方的同一页面上工作。但它在ng网格单元格中不起作用。你能帮忙吗?
在此先感谢。
花了相当长的一段时间跟踪所有的问题在你的plunker,有相当数量的人:在
input
元素ng-model
指令,有很多错误控制台typeahead
窗口被附加作为输入元件之后的元素,从而就意味着你需要有它包裹在父DOM元素,例:<div>
上面的2个变更使打字工作成为可能。好 - 部分。生成正确的DOM结构等,但由于CSS冲突没有显示。看起来好像弹出式弹出窗口和网格中的单元格都是绝对定位的。这对网格来说有点令人惊讶,但是确定。但真正的问题是,.ngCell
类具有overflow: hidden;
属性,并且它使隐藏式弹出窗口变得不可见。
如果除去从.ngCell
的overflow: hidden;
这一切开始“工作”:
http://plnkr.co/edit/pzLb3079yuhDtW1XIxvq?p=preview
我想我们正面临着自举的CSS和NG-电网CSS的冲突。我们不能在此项目中更改Bootstrap的CSS,因此您必须决定是否将此问题引起ngGrid人员的注意或者破解其中一个CSS定义。
非常感谢@ pkozlowski.opensource。这可能是关于ng-grid和bootstrap-typeahead的全新要求。其实我是AngularJs的新手。所以,犯了错误。再次感谢您的时间。 –
你似乎已经打开作为引导的回购作为问题好吧,我在这个问题上发表了评论:https://github.com/angular-ui/bootstrap/issues/444 –