TypeScript maquette.createProjector函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中maquette.createProjector函数的典型用法代码示例。如果您正苦于以下问题：TypeScript createProjector函数的具体用法？TypeScript createProjector怎么用？TypeScript createProjector使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。

在下文中一共展示了createProjector函数的5个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: fetchData

let initialize = () => {

  projector = maquette.createProjector()

  fetchData().then((response) => {
    document.body.innerHTML = '';
    createLevelSectionComponents(response.data)
    projector.append(document.body, renderMaquette)
  });

  teamToggleComponent = createTeamToggleComponent(projector, { getActiveTeam: getActiveTeam, setActiveTeam: setActiveTeam })
}

开发者ID:timohofmeijer，项目名称:productontwikkelingscockpit，代码行数:12，代码来源:next-up-app.ts

示例2: createProjector

import {createProjector} from 'maquette';
import {renderMaquette} from './app';

createProjector({}).append(document.body, renderMaquette);

开发者ID:jcfranco，项目名称:maquette-typescript-jsx-starter，代码行数:4，代码来源:main.ts

示例3: createProjector

///<reference path='../../typings/es6-promise/es6-promise.d.ts' />
///<reference path='../../typings/whatwg-fetch/whatwg-fetch.d.ts' />

import {createProjector} from 'maquette';
import {createPlanningApplication} from './app';

(window as any).require('whatwg-fetch');

let projector = createProjector({});
let app = createPlanningApplication(projector);
projector.append(document.body, app.renderMaquette);

开发者ID:smeetsmeister，项目名称:planning-cockpit，代码行数:11，代码来源:main.ts

示例4: constructor

 constructor() {
     this.projector = createProjector();
 }

开发者ID:dopatraman，项目名称:lucca，代码行数:3，代码来源:VNodeRenderer.ts

示例5: createProjector

import 'es6-shim';
import { createProjector } from 'maquette';
import store from './store';
import app from './components/app';
import history from './history';
import navigate from './actions/navigate';

const projector = createProjector({});

/**
 * Whenever the store changes as the result of an action
 * tell Maquette to schedule another render of the virtual
 * DOM.
 */
store.subscribe(function () {
  projector.scheduleRender();
});

/**
 * Define the projector that will render the virtual DOM
 * and update the real DOM. We will simply append the app
 * to the <body>.
 */
projector.append(document.body, function () {
  return app(store.getState());
});

/**
 * Listen for history events and dispatch a new action to
 * the store to handle the new location.
 */

开发者ID:patrickarlt，项目名称:maquette-redux-example，代码行数:31，代码来源:index.ts

注：本文中的maquette.createProjector函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。