2015-07-22 2 views
2

EDIT: Вот plunkr моего вопроса: http://plnkr.co/edit/4U6XZKewA3EdFmHeqxwF?p=previewAngularJS поповер не оказывающий внутри директивы

(поведение UI хорошо, нет никакого содержания в пироге, но я не в состоянии воспроизвести сообщение об ошибке я получаю в моем Dev окр.)


Я пытаюсь вызвать угловую щ-bootsrap поповер на основе шаблона внутри пользовательской директивы. К сожалению, он не работает. Когда я не использую шаблон popover, проблем нет. Я застрял в поиске первопричины этой проблемы ... Если у вас есть какие-то идеи, это будет очень признательно. Сообщение

Ошибка:

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) 

Директива Шаблон приложения/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' 
    }; 
    } 
})(); 
+1

Можете ли вы предоставить скрипку? – nottinhill

+0

Я отредактировал мой вопрос со ссылкой на plunkr. –

ответ

2

Убедитесь, что ваш шаблон заворачивают в теге, так что он может быть введен, например, из примера, в вашем plnkr, замените в popoverStatusTemplate.html:

popover Template 

с:

<span>popover Template</span> 

Updated plnkr

+0

Ничего себе. Спасибо. Объясняется это где-то вам нужно добавить теги к html, вставленному в popover? –

Смежные вопросы