如何使用angular 5更新数据而不使用ng

Question

我在firestore有一个集合。 当我按下“更新”按钮时，我想更改集合 proyecto.descripcion 。但是如果没有 * ngFor“我无法理解如何实现这一点方法

Сode在这里https://stackblitz.com/edit/angular-tcgq2f

Answer 1

您需要在输入字段中添加[ngModel]，然后单击以将该值设置为我认为的列表中的proyecto.description值。将起始值设置为ngModel值

Answer 2

我只是在输入字段中添加模板引用变量，在按钮上添加一个click事件，然后在单击时调用update方法。

这样的事情：

HTML

<div class="container">
   <form>  
      <div>           
        <input
           #newDescription
           type="text" name="Description"
           placeholder="Here new description"
        >
       </div>  
       <div>
          <input 
            type="submit"
            (click)="updateDescription(newDescription.value)"
            value="Update">
       </div>
   </form>
</div>

CLASS

updateDescription(description: string) {
   this.service.updateDescription(param.id, description);
}

SERVICE

updateDescription(id: string, description: string){
    // http update here
}