如何在 Angular 的组件文件中设置输入占位符文本

Question

我是 Angular 和 Typescript 的新手。我的输入下面带有

placeholder

，有没有办法从我的组件文件中更改

placeholder

文本？

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

Answer 1

您只需绑定

placeholder

属性即可。 堆栈闪电战

<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';
}

Answer 2

静态值

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

对于与组件中的某些变量进行绑定，请说

cityLbl: string = 'Enter your City Name'

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