Popover {{:: 'SAMPLE' | translate }}:

{{:: 'SHOW_POPOVER' | translate }}

Show Tip Show Quote

{{:: 'CODE' | translate}}

pipPopover.show({ class: 'pip-tip', locals: { title: $scope.title, content: $scope.content }, cancelCallback: function () { console.log('backdrop clicked'); }, controller: function($scope, $timeout) { $scope.title = $scope.locals.title; $scope.content = $scope.locals.content; $scope.image = 'http://www.izuminki.com/images/kolibri-vo-vsej-krase/11.jpg'; $scope.onNextClick = function () { console.log('on next click'); $pipPopover.hide(); }; $timeout(function() { $('.pip-popover').find('.pip-pic').css('background-image', 'url(' + $scope.image + ')'); }, 200); }, template: '<div class="pip-title m24 bm16 text-subhead2"> + {{ titleSample }}</div>' + '<div class="pip-content pip-popover-content p24 tp0 bp0 bm64">' + '<div class="pip-pic bm16"></div> + {{ contentSample }}</div>' + '<div class="pip-footer p24 tp8 bp8 rp16 position-bottom layout-row layout-align-start-center">' + '<div class="flex"></div><md-button ng-click="onNextClick()">NEXT</md-button></div>' });

{{:: 'CODE' | translate}}

{{:: 'CODE' | translate}}

pipPopover.show({ responsive: false, element: $event.currentTarget, class: 'pip-help', locals: { content: content || $scope.content }, cancelCallback: function () { console.log('backdrop clicked'); }, controller: function($scope) { $scope.content = $scope.locals.content; $scope.onNextClick = function () { console.log('on next click'); $pipPopover.hide(); }; }, template: '<div class="pip-title h24"></div><div class="pip-content pip-popover-content lp24 rp24">' + '{{ contentSample }}</div><div class="h24 pip-footer"></div>' });