Primeng编辑表运行使用量角器恢复元素未找到错误

Question

以下是我用于Primeng可编辑表的HTML代码，

<tr>
    <td *ngFor="let fields of header; let i=index;" pEditableColumn>
        <p-cellEditor>
            <ng-template pTemplate="input">
                <input id="edit-col-{{i}}" pInputText type="text"
                    [(ngModel)]="rows[fields.fieldId].data">
            </ng-template>
            <ng-template pTemplate="output">
                <div class="scrollable-div">
                    <span>
                        {{rows[fields.fieldId].data}}
                    </span>
            </div>
            </ng-template>
        </p-cellEditor>
    </td>
</tr>

这是我的量角代码，

    selectedElement = element(by.xpath('//tr[@id=\'new-row-1\']'));
    const eachCols = selectedElement.all(by.tagName('td'));

    eachCols.each(async (ele, index) => {

        //click element to view the edit box
        genericAction.clickButton(ele).then(async () => { 

        const inputElement = element(by.id(`edit-col-${index}`));
            await genericAction.setInputField(inputElement,"new data");
        });

    });

上面的代码单击正常，但是在提供输入时，请在使用以下错误来填充该值， *未找到使用定位器的元素：by（CSS选择器， [id =“ edit-col-0”]） 我不确定我缺少什么。

Answer 1

索引没有填充。
由于我不使用量角器，所以我只能做出修复方法，但我的猜测是：

    $(eachCols).each(async (ele, index) => {

        //click element to view the edit box
        genericAction.clickButton(ele).then(async () => { 

            const inputElement = element(by.id('edit-col-' + index));
            await genericAction.setInputField(inputElement,"new data");
        });

    });

而且您也许可以按这样的行更改：

            await genericAction.setInputField($(inputElement),"new data");