AngularJS нг-щелчок сломан внутри поповера
Я пытаюсь написать директиву для загрузки частичного HTML-файла, скомпилировать его с областью действия & amp; используйте его в качестве контента для Bootstrap.
Однако я застрял на очень простом шаге, напишите метод hide () в области всплывающих окон, чтобы я мог легко закрыть его, используяng-click=hide()
.
Это было решено & amp; Плункер теперь покрывает другие проблемы ;-).
ОБНОВЛЕНИЕ: поршень на помощь:http://plnkr.co/edit/QH3NQh?p=preview
.directive('uiPopover', ['$compile', '$http', function($compile, $http) {
return {
restrict: 'A',
scope: {
hide: '&hide' // did not understand what is this
},
link: function postLink(scope, element, attr, ctrl) {
console.warn('postLink', arguments, this);
// scope is the anchor scope
scope.name = "Hello"; // Using {{name}} is working
scope.hide = function() { // Using ng-click="hide()" is not working :(
console.log('in');
element.popover('hide');
}
$http.get(attr.uiPopover).success(function(data) {
element.popover({
content: $compile(data)(scope), // popover content will get a new scope that I need to put hide() on.
html: true
});
});
}
}
}]);