小编gra*_*ian的帖子

具有双向数据绑定的Angular-UI-Bootstrap自定义工具提示/弹出窗口

我在当前项目中使用angular-ui-bootstrap,我需要一个允许用户对给定元素执行某些操作的popover(重命名/编辑/删除/等...).由于angular-ui的bootstrap popover默认情况下不允许自定义html或数据绑定,我已经复制了他们的工具提示/ popover,.provider.directive努力根据我的需要进行自定义.

主要问题:弹出窗口关闭并重新打开后,ng-click绑定正在丢失.

次要问题:是否可以设置双向数据绑定,以便我不必手动设置scope.$parent.$parent.item

Plunker:http://plnkr.co/edit/HP7lZt?p = preview


要了解对原始内容所做的更改tooltip.js:

  • popover .directive是最经过修改的:
.directive('iantooltipPopup', function () {
    return {
      restrict: 'E',
      replace: true,
      scope: { mediaid: '@', title: '=', content: '@', placement: '@', animation: '&', isOpen: '&' },
      templateUrl: 'popover.html',
      link: function (scope, element, attrs) {
        scope.showForm = false;

        scope.onRenameClick = function () {
          console.log('onRenameClick()');
          scope.showForm = true;
        };

        scope.onDoneClick = function () {
          console.log('Title …
Run Code Online (Sandbox Code Playgroud)

angularjs angularjs-directive angular-ui-bootstrap

12
推荐指数
1
解决办法
3万
查看次数