如何用所选数据填充表单字段?

时间:2019-04-18 00:28:14

标签: angular forms

我有一个数据库,该数据库需要添加,编辑,删除记录。

该表单添加成功。

但是,如果我从显示的数据中选择一行,则希望填充表单,以便用户可以确认他们要进行的编辑,或者这是要删除的正确记录。

我尝试了document.getElementbyID-但是angular不允许我设置该值。

我可以获取记录的值。我只是不能将它们放在表单字段中。

component.html

helper(0, 'string')

fillform()

s

当用户单击一行(top_page的* ngFor)时,他们选择的字段将填充表格。

1 个答案:

答案 0 :(得分:0)

将数据绑定到表单的两种方法将完成您想要的工作。将html中的表单部分更改为following。我仅使用class CLayer { public: void AddLayer(CLayer *_layer); protected: CLayer *m_layer; }; template<typename _Tp> class CLayerWithData : public CLayer { protected: _Tp m_data; }; CLayer* intLayer = new CLayerWithData<int>(); CLayer* doubleLayer = new CLayerWithData<double>(); doubleLayer->AddLayer(intLayer);

添加了两种方式的绑定
[(ngModel)]

在您的控制器中添加关注

 <form novalidate #formPage="ngForm"  class="col-12" > 
        <div class="col-5">
            <label>Title</label>
            <input type="text" class="form-control" [(ngModel)]="title" id="formPageTitle" 
                  [value]="" name="title" #pageTitle="ngModel" >
        </div>
        <div class="col-10">
            <label>Description</label>
            <textarea rows="3" class="form-control" [(ngModel)]="description" name="formPageDescription"
                  id="description" [value]="" name="description" #pageDescription="ngModel" ></textarea>
        </div>
      </form>
相关问题