本文整理匯總了TypeScript中@phosphor/virtualdom.h.a方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript h.a方法的具體用法？TypeScript h.a怎麽用？TypeScript h.a使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類@phosphor/virtualdom.h的用法示例。
在下文中一共展示了h.a方法的3個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: showDialog
execute: () => {
// Create the header of the about dialog
let headerLogo = h.div({className: 'jp-About-header-logo'});
let headerWordmark = h.div({className: 'jp-About-header-wordmark'});
let release = 'Beta Release Series';
let versionNumber = `Version ${info.version}`;
let versionInfo = h.span({className: 'jp-About-version-info'},
h.span({className: 'jp-About-release'}, release),
h.span({className: 'jp-About-version'}, versionNumber)
);
let title = h.span({className: 'jp-About-header'},
headerLogo,
h.div({className: 'jp-About-header-info'},
headerWordmark,
versionInfo
)
);
// Create the body of the about dialog
let jupyterURL = 'https://jupyter.org/about.html';
let contributorsURL = 'https://github.com/jupyterlab/jupyterlab/graphs/contributors';
let externalLinks = h.span({className: 'jp-About-externalLinks'},
h.a({
href: contributorsURL,
target: '_blank',
className: 'jp-Button-flat'
}, 'CONTRIBUTOR LIST'),
h.a({
href: jupyterURL,
target: '_blank',
className: 'jp-Button-flat'
}, 'ABOUT PROJECT JUPYTER')
);
let copyright = h.span({
className: 'jp-About-copyright'
}, 'Š 2018 Project Jupyter');
let body = h.div({ className: 'jp-About-body' },
externalLinks,
copyright
);
showDialog({
title,
body,
buttons: [
Dialog.createButton({
label: 'DISMISS',
className: 'jp-About-button jp-mod-reject jp-mod-styled'
})
]
});
}示例2: it
it('should update attributes', () => {
let host = document.createElement('div');
let attrs1 = {
alt: 'foo', height: '100', style: { color: 'white' },
dataset: { foo: '2', bar: '2' }, onload: () => { }, srcset: 'foo'
};
let attrs2 = {
alt: 'bar', width: '100', style: { border: '1px' },
dataset: { bar: '1', baz: '3' }, sizes: 'baz'
};
VirtualDOM.render([h.a(), h.img(attrs1)], host);
VirtualDOM.render([h.a(), h.img(attrs2)], host);
expect((host.children[1] as HTMLImageElement).alt).to.equal('bar');
});示例3:
} from './model';
import {
Notebook
} from './widget';
// The message to display to the user when prompting to trust the notebook.
const TRUST_MESSAGE = h.p(
'A trusted Jupyter notebook may execute hidden malicious code when you ',
'open it.',
h.br(),
'Selecting trust will re-render this notebook in a trusted state.',
h.br(),
'For more information, see the',
h.a({ href: 'https://jupyter-notebook.readthedocs.io/en/stable/security.html' },
'Jupyter security documentation'),
);
/**
* The mimetype used for Jupyter cell data.
*/
const JUPYTER_CELL_MIME = 'application/vnd.jupyter.cells';
/**
* A namespace for handling actions on a notebook.
*
* #### Notes
* All of the actions are a no-op if there is no model on the notebook.
* The actions set the widget `mode` to `'command'` unless otherwise specified.