Замените один элемент в массиве объектов модели Angular другим объектом с помощью Angular2

У меня есть массив угловых объектов. Я хочу заменить весь элемент в массиве другим элементом.

    export interface modelCourse{
         var1: number;
         var2: number;
     }

Я хочу сделать что-то вроде этого:

    updateResults(myCourse: modelCourse) {
        this.allCourses.forEach(element => {
            if (myCourse.Id=== element.Id) {
                element = myCourse;  // this part doesn't work as expected
            }
        });
    }

Где

    allCourses: modelCourse[] = [];

И allCourses проводит все мои курсы.

Возможный дубликат Как изменить значение объекта, находящегося внутри массива, с помощью JavaScript или jQuery?

— 18.12.2018 20:40

json angular typescript

18.12.2018 20:27

Как сделать HTTP-запрос в Javascript?

В JavaScript вы можете сделать HTTP-запрос, используя объект XMLHttpRequest или более новый API fetch. Вот пример для обоих методов:

183

Ответы 2

Если вам нужно найти только один соответствующий элемент, вам не нужно перебирать все элементы, просто используйте метод findIndex. Это найдет индекс одного нужного вам элемента, не просматривая их все в цикле.

Затем вы можете использовать этот индекс для обновления исходного массива.

updateResults(myCourse: modelCourse) {
    const foundElementIndex = this.allCourses.findIndex(element => myCourse.id === element.id);
    this.allCourses[foundElementIndex] = myCourse;
}

Я сделал stackblitz здесь: https://stackblitz.com/edit/angular-hxxddn

Спасибо DeborahK. Однако я не понимаю, как это заменяет курс в моем массиве на myCourse?

— 18.12.2018 20:39

Я сделал стекблитц. См. Исправленный ответ.

— 18.12.2018 20:40

18.12.2018 20:33

Пожалуйста, используйте Array.map для обновления this.allCourses.

updateResults(myCourse: modelCourse) {
  this.allCourses = this.allCourses.map(element => {
      if (myCourse.Id === element.Id) {
          return myCourse;
      }
      return element;
  });
}

18.12.2018 20:39

Другие вопросы по теме

Angular MatTab: запомнить выбранную вкладку

Как я могу получить доступ к переменной класса Angular без использования this?

В Angular Как передать заголовок типа содержимого как неопределенный?

Угловой PrimeNG || Невозможно автоматически подобрать ширину столбца для таблицы по горизонтали и вертикали

Маршрутизация не работает после Dockerizing Angular приложения

Валидатор возвращает неверное значение

Angular несколько проектов

Как импортировать файл json с помощью angular и typescript

Angular 4 перенаправляет на ненайденную страницу для любого маршрута

Событие Reactive Form's valueChanges запускается даже при выборе параметров из списка данных

Замените один элемент в массиве объектов модели Angular другим объектом с помощью Angular2

Ответы 2

Другие вопросы по теме

Похожие вопросы