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

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.renderer.setProperty(this.button.nativeElement, 'textContent', 'Your Text')