Question

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

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

@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')

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

2 个答案: