Блог

Я пытаюсь перечислить некоторые данные из 2 разных массивов — мне нужно разделить массивы, чтобы я мог различать данные. Мне также нужно добавить класс к элементам из первого массива.

Я пытался:

 <div class="divInput" id="divC">
    <div class="divTextInput">
        <input /><button>Add</button>
    </div>
    <div id="CWrapper" class="tableWrapper">
        <div class="cell" *ngFor="let c1 of data.c1">
            <p title={{c1}}>{{c1}}</p><span></span>
         </div>
        <div class="cell kle" *ngFor="let c2 of data.c2">
            <img src={{imagePath}}>
            <p title={{c2}}>{{c2}}</p><span></span>
        </div>
    </div>
</div>
  

Класс kle не добавляет никакого css, он просто существует, чтобы я мог различать их и запускать события.

Где класс данных:

 class Data {
    c1: string[];
    c2: string[];
}
  

Добавление в массив с помощью:

 $('#divC .divTextInput button').on('click', (ev) => {
    let button = $(ev.currentTarget);
    let input = button.prev();
    if (input.val()) {
        this.data.c1.push(<string>input.val());
        this.data.c2.push(<string>input.val());
    }
});
  

Когда я добавляю строку в c2, она добавляет ее в html, но когда я добавляю строку в c1, она не добавляется в html (добавляется только div с class=»cell kle»)

Он добавляет данные, которые изначально находятся в массиве, но не при динамическом добавлении

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

— Обновить —

Это работает, если массивы не находятся в классе.