javascript - 访问字符串列表以推送或更新到模型中的列表

Question

我有 c 列表，并且 c 包含 a 。

像这样:C1 => a1,a2,a3，C2=>a1,a2,a3。

我在我的页面中将它们显示为复选框列表。

我需要将所选的 C 及其 a 放入列表中。

像这样:C1=>a1、C2=>a1,a3。

我编写了该代码，但它放入这样的列表中:C1=>a1,C2=>a1,C2=>a3 .

那些 C 相同的是分开的 œ 但我需要那些 C

等于不会重新创建，只会更新他们的年份。

<强> this Smaple Code .

这是模型:

 export interface AccessModel {
    controllerNAme:string;
    actionsName:Actionsname[];
}

  export interface Actionsname {
      name:string;
  }

ts:

    onChange(event,controllerName:string,actoinName:string)
{
  this.PushAccessModel.push({
    controllerName,
    actoinName
  })
  console.log(this.PushAccessModel)
}

我该如何解决这个问题？？？

更新

它显示了这个列表:

actoinName: "a3"
controllerName: "c1"

actoinName: "a2"
controllerName: "c1"

actoinName: "a1"
controllerName: "c1"

在所有对象ControllerName => C1中是通用的，但它们是单独的

我需要它给我显示这个列表:

controllerName: "c1"
    actoinName: "a3"
    actoinName: "a2"
    actoinName: "a1"

Answer 1

好吧，我对您的代码做了一些更改，希望这可以有所帮助:https://stackblitz.com/edit/accessmodel-rabjub

正如您从我的代码中看到的，您也存在一些类型错误，因此控制台中的结果可能与您的预期略有不同。

无论如何，这是最大的变化:

onChange(event,controllerName:string,actionName:string)
{
  var test = this.PushAccessModel.find(x => x.controllerName === controllerName);
  if(test){
    test.actionsName.push({name: actionName});
  }else {
    this.PushAccessModel.push({
      controllerName: controllerName,
      actionsName: [{
        name: actionName
      }]
    });
  }
  
  console.log(this.PushAccessModel)
}