當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript mithril.trust函數代碼示例

本文整理匯總了TypeScript中mithril.trust函數的典型用法代碼示例。如果您正苦於以下問題:TypeScript trust函數的具體用法?TypeScript trust怎麽用?TypeScript trust使用的例子?那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。


在下文中一共展示了trust函數的5個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: m

 view: vnode =>
     m("pre.euler-code-wrapper", m.trust(vnode.attrs.code))
開發者ID:phincallahan,項目名稱:personal-website,代碼行數:2,代碼來源:EulerSolution.ts

示例2: trust

import {trust, parseQueryString, buildQueryString} from 'mithril';
import * as h from 'mithril/hyperscript';
import {render} from 'mithril/render';
import {redraw} from 'mithril/redraw';
import * as withAttr from 'mithril/withAttr';

const vnode = trust('Some <strong>bold</strong> text.');

const params = parseQueryString('?id=123');

const qstr = buildQueryString({id: 123});

render(document.body, 'Hello');
render(document.body, h('h1', 'Test'));
render(document.body, [
	h('h1', 'Test'), "abc", null, 123, false, h('p', 'Vnode array'),
	['a', 123, undefined, h('div', 'Nested')]
]);

redraw();

const handler = withAttr("value", (value) => {});
handler({currentTarget: {value: 10}});
開發者ID:Crevil,項目名稱:DefinitelyTyped,代碼行數:23,代碼來源:test-misc.ts

示例3:

	.then(svg => {
		m.render(document.body, m.trust(svg));
	});
開發者ID:Crevil,項目名稱:DefinitelyTyped,代碼行數:3,代碼來源:test-api.ts

示例4:

    { name: "contact", link: "mail" },
    { name: "github", link: "https://github.com/phincallahan" },
    { name: "last.fm", link: "https://www.last.fm/user/caphine" },
    { name: "spotify", link: "https://open.spotify.com/user/12141814312" }
]

const node = m.trust(
    `<section id="about">
        <p>
            <b class="name">Phineas Callahan</b> is a math major at 
            <a href="carleton.edu">Carleton College</a>. He enjoys writing clean
            code, solving algorithmic problems, and jamming out to 
            <a href="${discoLink}">disco</a>.
        </p>

        <table class="links">
            <tbody>
                <tr>
                    <td><strong>links: </strong></td>
                    <td><ul>${
    links.map(({ name, link }) => (
        `<li><a href=${link}>${name}</a></li>`
    )).join('')
    }</ul></td>
                </tr>
            </tbody>
        </table>
    </section>`
);

export const About: m.Component = { view: () => node }
開發者ID:phincallahan,項目名稱:personal-website,代碼行數:31,代碼來源:About.ts

示例5: m

// Not intended to be run; only to compile & check types.

import * as m from 'mithril';
import * as stream from 'mithril/stream';

const FRAME_BUDGET = 100;

{
	const vnode = m("div");
	console.assert(vnode.tag === "div");
	console.assert(typeof m.version === "string");
	console.assert(m.version.indexOf(".") > -1);
}

{
	const vnode = m.trust("<br>");
}

{
	const vnode = m.fragment({key: 123}, [m("div")]);
	console.assert((vnode.children as Array<m.Vnode<any, any>>).length === 1);
	console.assert(vnode.children![0].tag === 'div');
}

{
	const handler = m.withAttr("value", (value) => {});
	handler({currentTarget: {value: 10}});
}

{
	const params = m.parseQueryString("?a=1&b=2");
開發者ID:Crevil,項目名稱:DefinitelyTyped,代碼行數:31,代碼來源:test-api.ts


注:本文中的mithril.trust函數示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。