Угловая поддержка UI-Grid для BootStrap Popover?

Question

Я пытаюсь вникнуть в API Угловой UI-Grid, чтобы убедиться, что я достиг Bootstrap Popover для заголовка моей ячейки. Я видел все вокруг, но не мог найти решения.

Что-то вроде этого - plnkr.co/edit/UJJttN

Я также пытаюсь сделать что поповер происходит только для ячейки заголовка. Какие-либо предложения?

Answer 1

Взглянув на UI-Bootstrap документации пирог: https://angular-ui.github.io/bootstrap/#/popover

Вы используете старую версию UI-Bootstrap в вашем plnkr, поэтому при обновлении вам необходимо изменить атрибуты popover="" и popover-template="", при обновлении до последнего, к uib-popover="" и uib-popover-template=""

это, как говорится, вы можете заметить $ значка/значок рядом с атрибутом uib-popover-template в документации поповера (Существует дубликат без знака, не знает, почему это здесь.)

С ключом значка в документации, то $ значка/знак означает следующее:

Этого параметр ожидает угловое выражение вместо символьной строки. Если выражение поддерживает логическое/целое число, вы можете передать его напрямую.

Вы должны поместить URL в шаблон поповер в области видимости переменных, а также указание, что в угловом выражении в popover-template="ANGULAR.EXPRESSION", а не передавая ему символьной строки, как вы.

Я изменил ваш plnkr, чтобы сделать это таким образом, и popover теперь работает по назначению. http://plnkr.co/edit/qc8MNQKch1IIdz2zVtRX?p=preview

Что касается поповер только для заголовка Не могли бы вы уточнить, вы хотите, чтобы отобразить поповер только для заголовка столбца? В этом случае вам нужно будет использовать headerCellTemplate, а не cellTemplate. Я также изменил ваш plnkr, чтобы показать, как это сделать. Наведите указатель мыши на заголовок столбца Роли сетки 2, чтобы увидеть это, и просмотрите файл шаблона, добавленный в plnkr.

В вашем примере plnkr вы ссылаетесь на данные ячейки в статическом popover (сетке 1) и в шаблоне popover (сетка 2). Это было только для целей тестирования? Ссылка 'row' для данных ячейки не будет доступна из headerCellTemplate.

Надеюсь, это полезно!