html - Hur kan jag ställa in platshållartext för input i komponentfil i Angular

Jag är ny på Angular och TypeScript. Jag har en input med en placeholder nedan, finns det ett sätt att ändra placeholder-texten från min komponentfil?

<input id="city" class="form-control" placeholder="City or Town">

Svar #1

Du kan bara binda placeholder-attributet. Stackblitz

<input id="city" class="form-control" [placeholder]="placeholder">

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  placeholder = 'Angular';
}

Svar #2

Statisk värde

<input ... placeholder="Enter City Name" />

För bindning med någon variabel i komponenten, säg cityLbl: string='Ange ditt stadsnamn'

<input ... [attr.placeholder]="cityLbl" />

Relaterade artiklar