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


TypeScript Renderer.createElement方法代码示例

本文整理汇总了TypeScript中angular2/core.Renderer.createElement方法的典型用法代码示例。如果您正苦于以下问题:TypeScript Renderer.createElement方法的具体用法?TypeScript Renderer.createElement怎么用?TypeScript Renderer.createElement使用的例子?那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在angular2/core.Renderer的用法示例。


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

示例1: ngAfterViewInit

 ngAfterViewInit(){
     console.log( this.divTitle.nativeElement.innerHTML ) ;
     let ele= this._renderer.createElement(this.divTitle.nativeElement,"button",null);
     ele.innerText=";sdfsdfsf"
    // console.log(this._renderer.selectRootElement(".item-title",null));
     console.log("row ngAfterViewInit");
     //this._renderer.invokeElementMethod(this.divCode.nativeElement,"click",null);
 }
开发者ID:Code1912,项目名称:angular2-gulp-typescript,代码行数:8,代码来源:row.component.ts

示例2: createChild

    createChild() {
        if(this.element === null)
            this.element = this.renderer.selectRootElement('.dynamic-container');
        console.log('selected element: ', this.element);

        this.element = this.renderer.createElement(this.element, 'div'); //this will replace all content of element
        this.renderer.setElementStyle(this.element, 'padding-left', '15px');
        this.renderer.createText(this.element, 'created by renderer');

    }
开发者ID:bureau-of-examples,项目名称:angular2-boot,代码行数:10,代码来源:AboutComponent.ts

示例3: ngAfterViewInit

 ngAfterViewInit() {
   let newEl = this._renderer.createElement(this.el.nativeElement, "div");
   this._renderer.setText(newEl, "This is the new element");
 }
开发者ID:vallsargente,项目名称:angular2-experiments,代码行数:4,代码来源:add-element.component.ts


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