Tim's questions

我有一个 Angular 应用程序，它使用 UntypedFormGroup 来存储和检索来自用户的输入值。

我使用 addControl 函数向 UntypedFormGroup 添加控件，如下所示：

this.myUntypedFormGroup.addControl('mypath', new UntypedFormControl());

然后像这样检索值：

this.myUntypedFormGroup.get('mypath').value

这工作正常 - 除非我想在路径参数中使用句点。

例如，如果我希望路径是 pdf 文件的名称：

this.myUntypedFormGroup.addControl('myfile.pdf', new UntypedFormControl());

当我尝试检索它时，它返回一个空指针异常：

this.myUntypedFormGroup.get('myfile.pdf').value

我想我明白了为什么会这样——它解释了 mypdffile.pdf 中的句点，表示“pdf”应该是“myfile”的子控件，因此当它找不到名为“pdf”的子控件时它就会死机。

有没有办法对句点字符进行转义，以便将其作为路径字符串的文字部分，而不是假设存在子控件？

非常感谢。

我有一个 Angular 应用程序，它有一个可变长度的表，我希望用户能够在其中为每一行输入值。

这是我正在尝试做的事情的基本内容。

在用户从 p-fileUpload 中选择了多个文件后，我希望能够在表中显示每个文件并允许他们为每条记录添加附加数据（元数据）。

<tbody>
  <tr *ngFor="let file of files; let ii = index">
    <td>{{ file.name }}</td>    
    <td>{{ file.size }}</td>   
    <td>{{ file.type }}</td>                   
    <td>
      <!--Would like to be able to grab this value here-->
      <input type="text" placeholder="Enter Title">
    </td>
  </tr>
</tbody>

我认为这应该相对简单，但到目前为止我还没有想出解决方案。如果我尝试通过为文本输入分配 formControlName 或 ngModel 来实现这一点，那么这些方法实际上不起作用，因为它们是为单个输入组件设计的，而不是表格中的多个输入组件之一。

有没有办法为每一行的输入分配其自己的唯一标识符，然后获取 ts 文件中的值？

谢谢！

我有一个带有 Java 后端的 Angular 前端应用程序，用户可以在其中选择一个文档然后保存它。

为此，我一直在将 FormData 对象从前端发送到后端，没有任何问题。

这是我当前在前端所拥有的用于将单个文件的内容发送到后端的片段：

public postSaveDocument(entityType: DocumentEntityType, id: number, body: DocumentInputDto): Observable<Upload<UploadWithLockResultsDto>> {

    const url = `${DocumentationService.baseUrl}/${getUrlSegment(entityType)}/${id}/documents`;

     //Create a FormData object and set the values of the document
     const formData = new FormData();
     formData.append('documentId', this.documentId.toString());
     formData.append('title', this.title);
     formData.append('content', this.content, this.content.name);
    


    return this.httpClient.post(url, formData,
      {...DocumentationService.options, reportProgress: true, observe: 'events', responseType: 'json'})
      .pipe(upload<UploadWithLockResultsDto>());



}

以下是我在后端保存该文件的操作：

@PostMapping("/{documentEntityType}/{entityId}/documents")
    public ResponseEntity<UploadWithLockResultsDto> saveDocument(
           @PathVariable("documentEntityType") DocumentEntityType documentEntityType,
           @PathVariable("entityId") Integer entityId,
           DocumentInputDto documentInputDto,
                                   ) throws AuthException, IOException {

           //Save the updates to the database
           var uploadWithLockResultsDto = documentService.documentUpdate(documentInputDto, authentication.getName(), authentication.getPrincipal());
           return handleUploadWithLockResults(uploadWithLockResultsDto);
   
}

这对于保存单个文档来说非常好。

现在我想要做的是允许用户一次选择多个文档，并在将它们发送到后端时一次性保存它们。

到目前为止，这件事还没有进展。

我尝试将数据放入前端的 FormData 对象数组中

public postSaveDocuments(entityType: DocumentEntityType, id: number, body: DocumentInputDto[]): Observable<Upload<UploadWithLockResultsDto>> {

    const formDataArray: any[] = [];
    body.forEach(documentInputDto => {

      const formData = new FormData();
      formData.append('documentId', this.documentId.toString());
      formData.append('title', this.title);
      formData.append('content', this.content, this.content.name);
      formDataArray.push(formData);
    });

    return this.httpClient.post(url, formDataArray,
      {...DocumentationService.options, reportProgress: true, observe: 'events', responseType: 'json'})
      .pipe(upload<UploadWithLockResultsDto>());
}

然后我尝试在后端将其作为数组提取出来

@PostMapping("/{documentEntityType}/{entityId}/documents")
    public ResponseEntity<UploadWithLockResultsDto> saveDocument(
           @PathVariable("documentEntityType") DocumentEntityType documentEntityType,
           @PathVariable("entityId") Integer entityId,
           DocumentInputDto[] documentInputDtos,
                                   ) throws AuthException, IOException {

           //Save the docs to the database
           var uploadWithLockResultsDto = documentService.updateDocuments(documentInputDtos, authentication.getName(), authentication.getPrincipal());
           return handleUploadWithLockResults(uploadWithLockResultsDto);
   
}

毫不奇怪，这不起作用。它甚至从未到达后端。我意识到 FormData 对象数组可能不应该从前端发送到后端。

有人能指出我正确的方向吗，如何修改调用，以便从前端向后端发送多个 FormData 对象？

非常感谢。

我有一个带有 Angular/html 前端的应用程序，其中有一个 p-fileUpload 组件，允许用户一次上传多个文件。

这很简单，我只需要在 html 文件中向组件添加 [多个] 即可。

<p-fileUpload #fileUpload styleClass="col-12" chooseStyleClass="col-3" 
              chooseLabel="Choose File(s)..."
              [multiple]="true">
</p-fileUpload>

它允许用户将多个文件上传到一个表中，该表显示每个文件的名称及其大小，如下所示......

我想要做的是向 p-fileUpload 组件添加可编辑的列，以便表也可以容纳与每个文件相关的元数据。

该表格看起来像这样，用户还可以添加与每个文件相关的标题、文档类型和注释：

它看起来像这样：

有什么建议吗？

提前致谢。

我有一个 SQL Developer 查询，我想在其中使用游标来生成后续的选择语句。

但是，我做错了什么。我似乎没有正确使用光标。

到目前为止，这是我的代码。非常感谢。

DECLARE

  numMaterials  NUMBER := 0;

  CURSOR item_id_cur
      IS
       select id from item_h
       where value = 'myvalue';
                 
    l_item_id   item_id_cur%ROWTYPE;
BEGIN

  OPEN item_id_cur;

  LOOP
    FETCH item_id_cur INTO l_item_id;
    EXIT WHEN item_id_cur%NOTFOUND;

    SELECT count(*)
     INTO numMaterials
     FROM item_material_h
        WHERE fk_item = l_item_id;    --Does NOT like this line!!
    
    DBMS_OUTPUT.put_line (numMaterials);
   
  END LOOP; 
END;

我有一个 Angular 应用程序，正在为其创建 Cypress E2E。

该应用程序的一个页面有一个表，其中第三列包含一个类名“link ng-star-inserted”的链接，我希望测试在找到特定行后单击该链接。

我实际上已经进行了执行此操作的测试 - 事实上该链接已被单击。

但它不是很优雅，并且它将 .click() 方法标记为错误（即使它确实有效）。

我正在寻找一种方法，让它不将 .click() 方法标记为错误。

这是我的代码...

cy.get(SELECTOR.dataTableBody).should('be.visible')
        .contains('tr', 'Text I am looking for in the row I want')
        .then($row => {
            cy.log('found it');
            cy.log('on row ' + $row.index());

            //Yes this is kind of ugly.  I tried it every other way I could think of and this is the only way it worked
            let cellWithLink = $row.find('td:nth-child(3)');
            cellWithLink.children().get(0).getElementsByClassName('link ng-star-inserted').item(0).click();
            
});

这是 IDE 将 click() 标记为错误的镜头 - 尽管它确实有效。

非常感谢！

我对赛普拉斯测试比较陌生。

我有一个表，其中有多行包含特定文本，我只想获取第一行。

到目前为止，我想出的唯一方法是遍历表中的所有行以查找文本。这不仅丑陋，而且还阻止测试仅作用于它找到的第一行。

这是我有点笨拙的代码：

const SELECTOR = {
    dataTableBody: '.p-datatable-tbody'
} as const;


cy.assertVisible(SELECTOR.dataTableBody);
cy.then(() => {
    cy.get(SELECTOR.dataTableBody).then($tbody => {
        cy.get(SELECTOR.dataTableBody).find('tr').each($row => {
            if (($row.find('td:nth-child(1)').text().trim()) === 'MyText') {

                    //I only want it to get here on the FIRST row that has 'MyText'
            }
        });
    });
});

谢谢！