9 Haziran 2016 Perşembe

Id'sini bildiğim component'ın property'sini nasıl değiştiririm? @ViewChild()

Evet mesela app.component.ts dosyasınızın template'inde kendi yazdığınız bir component veya bir input dom elemanı var ve bu component'in bir özelliğini değiştirmek istiyorsunuz.

<input #myInput value="A" />

bu elemanın value özelliğini B yapmak istiyorsunuz. Tabiki bu değeri bir değişkeni value'ya bind ederek değiştirebilirsiniz. Yani

kod'da:
var myInputValue = 'A';

template'te:
<input #myInput value="{{myInputValue}}" /> yaparak

this.myInputValue = 'B'; kodlayarak halledersiniz.

Ama buradaki durumumuz property'yi binding olmadan set etmek. Bunun için

@ViewChild('myInput')
private myInput;

ve kodun istediğiniz yerinde
myInput.value = 'Merhaba';

budur...

Hiç yorum yok:

Yorum Gönder