从离子模板中的方法获取返回值答案

【问题标题】：Get return value from a method in ionic template从离子模板中的方法获取返回值
【发布时间】：2026-01-11 06:25:01
【问题描述】：

我试图从离子模板中的方法获取返回值。我知道并尝试过的是：-

<button (click) = "getReturn(parameter)">btn</button>

getReturn(para)
{
   return para*2;
}

这只是我尝试过的一个示例，但我知道如何获取返回值。

【问题讨论】：

你需要做什么？
我需要得到返回值，我会根据它来改变UI
如果您想基于此更改 UI，则可能需要将其存储在组件变量中
但是，当 html 按钮位于 for 循环中并且我只需要更改用户单击的按钮时，我需要做什么？

标签： html angular typescript ionic-framework

【解决方案1】：

如果方法的返回元素应该反映在 UI 中，最好将其设置为组件的属性，如下所示

<button (click) = "setReturn(parameter)">btn</button>


setReturn(para)
{
   this.attribute = para*2;
}

然后在html中使用attribute

如果按钮点击是循环的一部分，那么您需要更改循环索引 i 处的元素

<button *ngFor="let parameter of parameters; let i= index" (click) = "setReturn(parameter, i)">btn</button>

setReturn(para, index)
{
   this.parameters[i] = para*2;
}

【讨论】：

这似乎很有说服力，抱歉，如果我的问题陈述不清楚，我的问题陈述是我正在构建一个聊天应用程序，用户可以在其中录制音频并发送，那些东西工作正常，当用户尝试播放音频时出现问题，我无法弄清楚如何仅更改从播放中选择的按钮暂停，此外如何获得返回，我可以使用它来表示音轨已完成. PS：菜鸟

【解决方案2】：

我的理解是您正在尝试这样做：

<button (click)="getReturn(parameter)">btn</button>

para = 1; //or 0 whatever you need 

getReturn(para)
{
   this.para = para*2
}

我不认为click() 中的返回值会有所帮助。现在，您可以在组件 UI 中的任何位置使用 para 的值

【讨论】：