Как отфильтровать данные, которые редактируются, и в них должны отображаться данные, выбранные для редактирования в angular

Question

const arr = [
 'code1',
 'code2',
 'code3',
 'code4',
 'code5'
];


  const data = [ 
{
device: 'code1'
}, {
device: 'code2'
} ];

  const code = data.map((x: any) => x.device);

 const sample = arr.filter((x: any) => code.indexOf(x) < 0);

есть две данные, которые уже созданы. это код устройства1 и код2.

, что я пытаюсь сделать, это. на моей стороне есть правка.

пример, у меня есть список от кода 1 до кода 5

, тогда у меня есть две данные, которые являются кодом 1 и кодом 2.

, когда я пытаюсь для редактирования данных есть код 1.

в моем списке должно отображаться код1, а код2 не будет отображаться.

должно быть так, когда я пытаюсь редактировать код1:

[
'code1',
'code3',
'code4',
'code5'
]

Answer 1

поскольку вы знаете, какой из них редактировать, почему вы не можете использовать эту информацию и отфильтровать обр. import {Component, OnInit} из '@ angular / core'; `

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent implements OnInit  {
  name = 'Angular';

  ngOnInit() {
    const arr = [
      'code1',
      'code2',
      'code3',
      'code4',
      'code5'
    ];


    const data = [ 
      {
      device: 'code1'
      }, 
      {
      device: 'code2'
      } 
    ];
    const toBeEdited = "code1";
    let code = data.map((x: any) => x.device);
    code = code.filter((data)=>(data!=toBeEdited))[0];
    const sample = arr.filter((x: any) => code.indexOf(x) < 0);
    console.log(sample);
  }
}

`

Answer 2

Добавьте не константную строку, чтобы сказать, что вы в данный момент редактируете. Кроме того, вам может понадобиться добавить исключение для выдачи и ошибки, если то, что вы сейчас редактируете, не является жизнеспособным кодом.

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})

export class AppComponent implements OnInit  {
  name = 'Angular';
  public currentEdit: string = 'code1';

  ngOnInit() {
    const arr = [
      'code1',
      'code2',
      'code3',
      'code4',
      'code5'
    ];

const data = [ 
  {
  device: 'code1'
  }, 
  {
  device: 'code2'
  } 
];

const code = data.map((x: any) => x.device);

const sample = arr.filter((x: any) => code.indexOf(x) < 0 || x === this.currentEdit);
console.log(sample);
  }
}