如何使用Renderer2更改ionic2中的Button文本

Question

我没有得到如何使用ElementRef和Renderer2类更改ionic2中的按钮文本。

这是我到目前为止所尝试的。

@Component({
  selector: 'component',
  templateUrl: `<button #button type="submit" class="form-button" ion-button 
                [disabled]="!form.valid">Change this text</button>`;
})
export class component {
   @ViewChild('button', {read: ElementRef}) 
   private button : ElementRef;

   constructor(private renderer: Renderer2){
   }

   ionViewDidLoad() {
      this.renderer.setProperty(this.button.nativeElement, 'value', 'Cute alligator');
   }
}

此setProperty仅更改作为属性的按钮的值。但我想改变按钮文本，现在是Change this text里面的按钮。

请帮忙。谢谢。

Answer 1

像这样：

this.button.nativeElement.innerText = 'your text';

Answer 2

使用渲染器

this.renderer.setProperty(this.button.nativeElement, 'textContent', 'Your Text')