如何将占位符值添加到ngmodel

Question

我正在阅读primeng中的一个示例，其中可以向表中添加新行。只要我填写了输入选项中的所有字段，一切“似乎”就可以正常工作。但是，如果用户不更改输入的值，我想将占位符的值添加到NGmodel中。我尝试了所有方法（ng-init，ngvalue等），但是我永远无法让ngmodel在占位符中携带值...并且表被3个填充字段填充，但没有被用户未填充的字段填充输入任何内容。 HTML的提取。...

<div class="ui-g-12">
        <div class="ui-g-4">
            <label for="product_line_id">Product ID</label>
        </div>
        <div class="ui-g-8">
            <input pInputText id="product_line_id"  [ngModel]="myproduct.product_line_id"  placeholder="{{ lastproductline + 1}}" />
        </div>
    </div>
    <div class="ui-g-12">
        <div class="ui-g-4">
            <label for="product_line_1">Product</label>
        </div>
        <div class="ui-g-8">
            <input pInputText id="product_line_1" [(ngModel)]="myproduct.product_line_1" autofocus />
        </div>
    </div>
    <div class="ui-g-12">
        <div class="ui-g-4">
            <label for="product_line_2">Category</label>
        </div>
        <div class="ui-g-8">
            <input pInputText id="product_line_2" [(ngModel)]="myproduct.product_line_2" />
        </div>
    </div>
    <div class="ui-g-12">
        <div class="ui-g-4">
            <label for="product_line_3">Sub Category</label>
        </div>
        <div class="ui-g-8">
            <input pInputText id="product_line_3" [(ngModel)]="myproduct.product_line_3" />
        </div>
    </div>

the ts file looks something like...

productlines = [];
myproduct: { [s: string]: ProductLines; } = {};
showDialogToAdd() {
    this.newProductLine = true;
    this.myproduct = {}; 
    this.displayDialog = true;
  }

  save() {
    let productlines = [...this.productlines];
    productlines.push(this.myproduct);
    this.finalproductchanges.push(this.myproduct)
    this.productlinesClone = productlines;
    this.myproduct = null;
    this.displayDialog = false;
  }

Any ideas will be greatly appreciated

Answer 1

我设法通过直接在控制器中添加字段来更改代码。