Angular - 将值从 HTML 传递到组件不起作用

Posted 2023-02-23

技术标签:

【中文标题】Angular - 将值从 HTML 传递到组件不起作用【英文标题】：Angular - Passing value from HTML to component does not work 【发布时间】：2021-07-04 14:37:57 【问题描述】：

在我的项目中，我试图将 name 从 .html 传递到 .ts 文件。

在.html 文件中，我将值传递给newValue 方法。在ts当我console.log the value of name，就是displays nothing。

我怎样才能做到这一点？

.ts

  newValue(name: string) 
  console.log(name); ------------------> displays nothing

.html

  <dd id="genId(name.value)">
          <inline-concept-edit *ngIf="name.$new; else noValueExists" id="tane"
 [(field)]="name.value" [elementType]="record.finish"(fieldChange)="newValue(name)"></inline-concept-edit>
          <ng-template #noValueExists>
            <span *ngIf="!name.$new"
                  matTooltip="We cannot change the value"
                  [matTooltipPosition]="'right'"
                  [matTooltipDisabled]="!editMode">
              name.value
            </span>
          </ng-template>
        </dd>

【问题讨论】：

【参考方案1】：

你能说说这个名字是什么吗？上面粘贴的代码没有显示 name 的引用。我猜 name 在事件发生时没有被传递到该方法中。

【讨论】：

【参考方案2】：

@Tejs 梅塔。您必须从 inline-cell-edit 组件发出此值（我假设这是您的自定义组件）。

如果是的话，也试着去那里安慰一下。

并从

更改此行

(fieldChange)="newValue(name)" 到 (fieldChange)="newValue($event)"

【讨论】：

以上是关于Angular - 将值从 HTML 传递到组件不起作用的主要内容，如果未能解决你的问题，请参考以下文章