Question

我想在.ts文件中的按钮单击操作[onAddUser（）]中获取访问输入字段[newUser]的值。

<input type="text" 
        ng-model="newUser"
        style="text-align:center"/>
<button (click)="onAddUser()" >Add User</button>

Answer 1

如果您使用的是Angular（不是AngularJS 1.x），则需要更改NgModel语法：

在HTML（模板）中：

<input type="text" 
         [(ngModel)]="newUser"
         style="text-align:center"/>
<button (click)="onAddUser()" >Add User</button>

在TS文件中：

export class YourComponent {
  newUser: string;

  onAddUser(){
    alert(this.newUser); //get the input value
  }
}

此外，请记住导入FormsModule：

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

@NgModule({
  bootstrap: [AppComponent],
  declarations: [AppComponent],
  imports: [
    CoreModule,
    FormsModule
  ],
})
export class AppModule {}

通过.ts文件的角度访问html内容

1 个答案: