我在当前项目中使用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:
.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)