【问题标题】:Angular 6 update *ngFor data with item select from drop downAngular 6 更新 *ngFor 数据,从下拉列表中选择项目
【发布时间】:2018-10-04 17:28:20
【问题描述】:

我有一个下拉选择,用户可以选择他们想要查看并最终编辑的数据。有几个输入框可以通过下拉选择更新输入数据,但我有一个 *ngFor 可以在页面上从数据哈希中构建大量数据。我希望能够根据下拉选择从数据哈希中调用数据。

这是一个代码示例:

https://stackblitz.com/edit/angular-dmyqrn

我让它加载一个我定义为常量的示例输入

SOURCE_DESTINATION_PARAMETERS_VALUES_DATA

它指向 DATA00 哈希,但我不希望它作为一个常量,我不知道在哪里分配它以自动更新其他字段。

我该怎么做?

【问题讨论】:

  • 您是否需要按照您的方式拆分数据? export const SOURCE_DESTINATION_PARAMETERS_VALUES_DATA00: SOURCE_DESTINATION_PARAMETERS_VALUES_DATA_LAYOUT[] = [ { 如果您以这种方式定义数据,那么您最终将需要以这种方式查找它。请注意,如果您将所有内容都包含在 JSON 对象中,则可以改为导航该对象。
  • @JuanM.Medina 感谢您对 Juan 的回复。我很好奇如何用它制作一个 JSON 对象,然后以这种方式导入它。我想最终我会想要那样做。

标签: angular typescript


【解决方案1】:

对不起!!!

我发现我可以使用 在此处输入代码 switch 来分配 onChange 中的值以重置 this.sourceDestinationParametersValuesData 值。在我第一次尝试更改数据对象时,我还忘记输入this.

哦,好吧。解决方案就在那里:

https://stackblitz.com/edit/angular-dmyqrn

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多