Угловые 4 суммирующих значения от дочернего элемента ввода - PullRequest
Новая
       8

Угловые 4 суммирующих значения от дочернего элемента ввода

0 голосов
/ 25 мая 2018

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

enter image description here

Моя структура приложения:

TableComponent
ProjectComponent
LineComponent
inputComponent

Таблица component.html: 

<div *ngFor="let project of tableData | projectsPipe">
<div class="row ">
    <table class="col-sm-8 table-dates">
        <tr>
            <td *ngFor="let day of dates;">
                <div><sum></sum></div>
            </td>
            <td>
                <div class="sum">0</div>
            </td>
        </tr>
    </table>
</div>
<div *ngFor="let item of Items">
    <div *ngIf="workitem.teamProject == project.teamProject">
        <div class="item">
            <task-line ></task-line>
        </div>
    </div>
</div>

И lineComponent.html: 

<div class="row task-line">
<div class="col-sm-4">
    <div class="title">{{title.title}}</div>
</div>
<table class="col-sm-8 table-dates">
    <tr>
        <td *ngFor="let day of dates">
            <table-cell></table-cell>
        </td>
        <td>
            <div class="task-sum-column">{{sum}}</div>
        </td>
    </tr>
</table>

И я не смогу этого добиться, если я изменю, например, 2. Строка в 3-м столбце будет пересчитывать суммы.

Любой совет, как этого добиться?

РЕДАКТИРОВАТЬ: Допустим, у меня есть этот код: 

    <div *ngFor="let prvky of pole">
    <app-riadok></app-riadok>
</div>
<div>sum : {{sum}}</div>

app-riadok является компонентом с простым вводом, и когда я изменяю значение внутри ввода, мне нужно запустить ng, чтобы снова зациклить все компонентыи суммируем их значения и показываем тогда в сумме div

1 Ответ

0 голосов
/ 25 мая 2018

Вы должны передать ссылку через @ Ввод см. https://angular.io/guide/component-interaction

Отслеживать изменения с помощью ngOnChanges

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

...