當前位置: 首頁>>代碼示例>>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;未經允許,請勿轉載。