小编lis*_*isa的帖子

Angular:组件获取输入数据后如何调用函数

我有一个父组件和子组件。在父组件中,我正在搜索用户并通过 @Input 将 userId 提供给我的子组件。这是有效的。

在我的子组件获得值后,我想调用一个函数,以便我从用户那里取回卡片。我该怎么做呢?我总是收到一张卡是未定义的错误。

<p (show)="serachForCard()">
  User: {{userId}}
  Card: {{card.id}}
</p>
Run Code Online (Sandbox Code Playgroud)

我的想法是调用一个函数,但它仍然无法正常工作。

我的 ts 文件中的函数:

serachForCard() {
        this.cardService.getCardByUserId(this.userId)
            .subscribe(
                (data: Card) => this.card= data
            )
    }
Run Code Online (Sandbox Code Playgroud)

html data-binding angular

3
推荐指数
1
解决办法
2661
查看次数

标签 统计

angular ×1

data-binding ×1

html ×1