本文整理匯總了TypeScript中tether-drop.open函數的典型用法代碼示例。如果您正苦於以下問題：TypeScript open函數的具體用法？TypeScript open怎麽用？TypeScript open使用的例子？那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。
在下文中一共展示了open函數的3個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: Drop
($compile, $rootScope) => {
const eventManager = plot.getOptions().events.manager;
const tmpScope = $rootScope.$new(true);
tmpScope.event = event;
tmpScope.onEdit = () => {
eventManager.editEvent(event);
};
$compile(content)(tmpScope);
tmpScope.$digest();
tmpScope.$destroy();
const drop = new Drop({
target: element[0],
content: content,
position: 'bottom center',
classes: 'drop-popover drop-popover--annotation',
openOn: 'hover',
hoverCloseDelay: 200,
tetherOptions: {
constraints: [{ to: 'window', pin: true, attachment: 'both' }],
},
});
drop.open();
drop.on('close', () => {
setTimeout(() => {
drop.destroy();
});
});
},示例2: function
this.show = function(options) {
var popoverScope = _.extend($rootScope.$new(true), options.model);
var drop;
function destroyDrop() {
setTimeout(function() {
if (drop.tether) {
drop.destroy();
}
});
}
popoverScope.dismiss = function() {
popoverScope.$destroy();
destroyDrop();
};
var contentElement = document.createElement('div');
contentElement.innerHTML = options.template;
$compile(contentElement)(popoverScope);
drop = new Drop({
target: options.element,
content: contentElement,
position: options.position,
classes: 'drop-popover',
openOn: options.openOn || 'hover',
hoverCloseDelay: 200,
tetherOptions: {
constraints: [{to: 'window', pin: true, attachment: "both"}]
}
});
drop.on('close', () => {
popoverScope.dismiss({fromDropClose: true});
destroyDrop();
});
drop.open();
};示例3: setTimeout
setTimeout(() => { drop.open(); }, 10);