【问题标题】:const variable is not binding in Angular 8const 变量在 Angular 8 中没有绑定
【发布时间】:2024-05-16 05:00:02
【问题描述】:

问题

  • 绑定 const 变量 console.log 后打印 NAN。

角度代码

      function test() {
        let counter : any = 1;

        fields.forEach(elements => {

          console.log(elements.sub_scenarios.scenario_ + counter);

输出

成功了

     console.log(elements.sub_scenarios.scenario_1);

字段数组

        0:
        code: "type"
        field: "type"
        sub_scenarios:
        scenario_1: {}
        scenario_2: {}
        scenario_3: {}
        scenario_4: {}
  • 我需要绑定数字才能访问对象关键elements.sub_scenarios.scenario_1

  • 我尝试过 concat,但没有成功。

  • 硬编码对象出现问题

         elements.sub_scenarios.scenario_1
         elements.sub_scenarios.scenario_2
         elements.sub_scenarios.scenario_3
    
       .... so on
    

假设如果在这种情况下循环 50 个对象,那么我需要使用 50 次 if 条件。

感谢

【问题讨论】:

  • fieldsobjecT 上的输出是什么?
  • 试试这个fields.forEach(elements => { console.log(elements.sub_scenarios['scenario_' + counter]); })

标签: angular data-binding binding constants


【解决方案1】:

怎么样

console.log(elements.sub_scenarios['scenario_' + counter]);

【讨论】:

    【解决方案2】:

    如果您想使用 sub_scenarios 进行迭代,则在该数组上应用 foreach,即内部循环并为每个增加一个计数器值。

    function test() {
        let counter : any = 1;
        fields.forEach(elements => {
    
              elements.sub_scenarios.foreach( y => {
                  let counter: any = 1;
                  console.log(.scenario_ + counter);
                  counter++;
    });
    }}
    

    【讨论】:

      最近更新 更多