Question

编辑：以下是我的问题的一个问题： http://plnkr.co/edit/4U6XZKewA3EdFmHeqxwF?p=preview

（UI行为很好，popover中没有内容，但我无法重现我在开发环境中收到的错误消息。）

我试图根据自定义指令中的模板调用角度ui-bootsrap popover。可悲的是，它没有用。当我不使用popover-template时，根本没有问题。我找不到这个问题的根本原因......如果你们有任何想法，我们将不胜感激。

错误消息：

22/07/2015-11:27:43::[global]>  TypeError: element.parent is not a function
    at queueAnimation (http://localhost:3000/bower_components/angular-animate/angular-animate.js:2101:26)
    at Object.push (http://localhost:3000/bower_components/angular-animate/angular-animate.js:2053:16)
    at Object.enter (http://localhost:3000/bower_components/angular/angular.js:5181:31)
    at http://localhost:3000/bower_components/angular-bootstrap/ui-bootstrap-tpls.js:3052:24
    at publicLinkFn (http://localhost:3000/bower_components/angular/angular.js:7415:29)
    at http://localhost:3000/bower_components/angular-bootstrap/ui-bootstrap-tpls.js:3050:43
    at processQueue (http://localhost:3000/bower_components/angular/angular.js:14567:28)
    at http://localhost:3000/bower_components/angular/angular.js:14583:27
    at Scope.$eval (http://localhost:3000/bower_components/angular/angular.js:15846:28)
    at Scope.$digest (http://localhost:3000/bower_components/angular/angular.js:15657:31)

指令模板app / directive.html：

<span ng-repeat="monitoringResult in data">
  <a popover-template="'app/popoverStatusTemplate.html'" popover-trigger="mouseenter">
<span>Data 1</span>
 </a>
</span>

指令：

 (function() {
  'use strict';

  angular
    .module('app')
    .directive('directiveOne', directiveOne)

  /** @ngInject */
  function directiveOne($http) {
    /...../ // Do Stuff
    }

    return {
      restrict : 'EA',
      link : link,
      scope: {
        limit: '='
      },
      templateUrl : 'app/directive.html'
    };
  }
})();

Answer 1

确保您的模板包含在标记中，以便可以将其注入，即从plnkr中的示例中注入，替换为popoverStatusTemplate.html：

popover Template

with：

<span>popover Template</span>

<强> Updated plnkr

AngularJS Popover无法在指令

1 个答案: