在我的Angular 2应用程序的输入(文本)中显示用户名

时间:2018-04-16 20:33:55

标签: html angular

我有一个角度2应用程序,它将文本输入中的用户名显示为文本。我所做的是使用userService从我的组件中获取用户并将其显示在我的html模板上。这是我的输入html字段:

  <div class="row" *ngFor="let user of users">
  <div class="col-md-5 mb-2">
      <label>Researcher:</label>
      <input id="createdBy" type="text" class="form-control" 
        [(ngModel)]="screen.createdBy" name="createdBy" 
        required #createdBy="ngModel" 
        placeholder="{{ user.firstName }}" 
        ngValue="user.firstName"
        >
  </div>

我使用placeholder属性进行测试,以确保我检索用户的名字而我做了。占位符显示它。但我需要将用户的名字显示为文本字段的值,就像asp.net一样。

我尝试了ngValuevalue属性,但我无法理解。 FormsModuleBrowserModuleapp.module.ts文件中定义。如果你能告诉我我失踪的地方,我将不胜感激。

1 个答案:

答案 0 :(得分:1)

当您使用UPDATE roles SET role_level = 1 WHERE role_id = 2; UPDATE roles SET role_level = 2 WHERE role_id = 1; 时,您确实设置了输入的值,因此如果您想要显示[(ngModel)],则需要将该值复制为user.firstName