首页 文章

如何使用角度 2 中的 ngmodel 设置输入值

提问于
浏览 次
1

这里我使用的是一个典型的输入场景，我不能使用 reactive/template 表单结构和已分配给其他任务的 ngmodel。现在我想为输入字段设置默认值，如果用户希望他可以更改更改

可能吗

<input id="{{data.name}}" value="{{data.name}}"  type="{{data.type}}" [(ngModel)]="Edit[data.name]" class="form-control">

主要是我的问题设置值到输入字段，如果用户想要，那么他可以将值更改为单个字段或将值设置为动态ngmodel

angular typescript

4 回答

  • 0

    试试这个：

    <input type="text"  [value]="data.name"/>

    如果你仍然需要绑定方式

    <input type="text"  [value]="test"  [(ngModel)]="test"/>
    回复于
  • 0

    使用引用变量#inp

    OnInputClick(inp:any){   }//Typesctipt

    <input id="{{data.name}}" value="{{data.name}}"  type="{{data.type}}" #inp class="form-control">
<button (click)="OnInputClick(inp.value)">Input</button>
    回复于
  • 0

    使用 keyup 捕获事件并存储在.ts 中

    <input (keyup)="onKey($event)">

    在.ts

    “event.target.value”

    具有用户输入的值，可以根据需要使用它

    values ='' // provide a default value here whatever you want
onKey(event: any) { 
    this.values += event.target.value;
  }
    回复于
  • 0

    根据当时的 Angular Document，您可以使用以下代码

    <input  [value]="data.name" (input)="data.name=$event.target.value">
    回复于

相关问题