как добавить значение заполнителя в ngmodel

Question

Я следую примеру в Primeng, в котором я могу добавить новую строку в таблицу. Все «кажется» работает, пока я заполняю все поля в поле ввода. Однако я хочу добавить значение заполнителя в NGmodel, если пользователь не изменяет значение ввода. Я пробовал все (ng-init, ngvalue, et c et c), но я никогда не могу заставить ngmodel переносить значение в заполнитель ... и таблица заполняется тремя заполненными полями, но не тот, где пользователь ничего не вводил. выписка из 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

Мне удалось изменить код, добавив поле прямо в контроллере.