当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript marko-widgets.defineComponent函数代码示例

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


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

示例1: require

/**
 * Created by rohittalwar on 04/04/16.
 */
var defineWidget = require('marko-widgets').defineComponent
var template = require('marko').load(require.resolve('./template.marko'));

var comp = {
    template: template,
    getTemplateData: function(state,input){ // this is called whenever state changes using  this.setState('<state var name>',<value>);
        return {
            name:input.name + " talwar"
        };
    },
    init: function(){
        var el = this.el; // The root DOM element that the widget is bound to
        console.log('Initializing widget: ' + el.id);
    }


}
export = defineWidget(comp)
开发者ID:poolmyride,项目名称:typescript-marko-onsen-gen,代码行数:21,代码来源:index.ts

示例2: init

   */
  init() {
    let el = this.el;
    // "el" will be reference the raw HTML element that this
    // widget is bound to. You can do whatever you want with it...
    // el.style.color = 'red';
  }

  /**
   * Handler method for the button "click" event. This method name
   * matches the name of the `w-onClick` attribute in the template.
   */
  handleButtonClick(event: UIEvent, el: HTMLElement) {
    this.setState('clickCount', this.state.clickCount + 1);
  }

  /**
   * Expose a method to let other code change the "greeting name".
   * If the value of the "greetingName" state property changes
   * then the UI component will automatically rerender and the
   * DOM will be updated.
   */
  setGreetingName(newName: any) {
    this.setState('greetingName', newName);
  }
}

const indexWidget = new IndexWidget();
const widget = defineComponent(indexWidget);
module.exports = defineComponent(widget);
开发者ID:nikochan2k,项目名称:marko-ts-starter,代码行数:30,代码来源:test.ts


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