Arhn - архитектура программирования

Проблема с полем службы Angular2

У меня есть услуга:

@Injectable()
export class MyService implements IMyService {
   myServiceArray: Array<string> = ["hi", "hello", "yoyo"];
}

Эта служба внедряется в компонент, который обновляет массив строк с помощью ngModel. Когда я пытаюсь распечатать массив из Компонента или из Сервиса, все работает нормально (он же массив обновляется с помощью ngModel).

Я также @Inject такую ​​услугу в другой 1.

@Injectable()
export class AnotherService implements IAnotherService {

  constructor(public myService: MyService) {
  }

  printValues() {
     console.log(this.myService.myServiceArray);
  }
}

Когда я вызываю printValues(), ["hi", "hello", "yoyo"] печатается, даже если я обновил значения массива моделью!

Что я делаю не так?

РЕДАКТИРОВАТЬ:

Код компонента следующий.

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

export class AppCustomerData implements IAppCustomerData {

  constructor(public myService: MyService) {
  }
}

  • Где вы предоставляете услуги (@Component() или @NgModel())? 16.02.2017
  • Ввожу код компонента. [(ngModel)]='...' находится в templateUrl компонента. 16.02.2017

Ответы:


1

Вы должны смотреть, что вы вводите один и тот же экземпляр службы, если у вас есть несколько экземпляров службы, каждый из которых имеет собственный массив.

Я бы попытался использовать локальное хранилище для хранения данных в службе, тогда у вас может быть несколько экземпляров, и каждый из них может редактировать или возвращать одно и то же значение: Как хранить токен в локальном или сеансовом хранилище в Angular 2?

Возможно, это ответит на вашу проблему: Как создать синглтон сервис в Angular 2?

16.02.2017
  • ОМГ вы правы! На самом деле я создаю больше экземпляров одного и того же сервиса. Есть ли способ сделать синглтон? 16.02.2017
  • Смотрите ссылку, которую я добавил в свой пост. 16.02.2017
  • Спасибо, вы написали именно то, что мне нужно! 16.02.2017
  • Новые материалы

    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..