如何在Angular的組件文件中設置輸入占位符文本

Question

我是Angular和Typescript的新手。 我在下面帶有placeholder的輸入中，有沒有辦法從組件文件中更改placeholder文本？

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

Answer 1

您可以只綁定placeholder屬性。 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';
}