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

220
05 апреля 2018, 13:46

Есть рабочий код, который позволяет передавать данные из диалогового окна в таблицу. Для одного ряда все работает хорошо. Но если я хочу добавить несколько строк в таблицу, то я получаю результат сразу для нескольких столбцов. Как я могу получить результат для единственной ячейки без повтора, если я использую директиву angular ng-repeat?

html

        <table class="friends" style="display: inline-block; font-size: 10pt;" >
            <thead>
               <tr>
                 <th>Name</th>
                 <th ng-repeat="tablerow in tableRows" style="padding: 0.5rem;">{{tablerow.name}}</th>
               </tr>
            </thead>
            <tbody >
            <tr ng-repeat="n in userName">
              <td>{{n.name}}</td>
              <td ng-repeat="t in tableRows" class="category-{{t.favoriteColor}} table-height">
                    <i class="material-icons dark md-18" ng-click="open($index, $event, it)">mode_edit</i> 
                    {{t.placeholder1}}
                    <br><hr>
                    {{t.placeholder2}}
                </td>
            </tr>
          </tbody>
        </table>

js

        $scope.tableRows = [
            { name: 'AAA', 'placeholder1': null, 'placeholder2': null, favoriteColor: null },
            { name: 'BBB', 'placeholder1': null, 'placeholder2': null, favoriteColor: null },
            { name: 'CCC', 'placeholder1': null, 'placeholder2': null, favoriteColor: null },
            { name: 'DDD', 'placeholder1': null, 'placeholder2': null, favoriteColor: null },
            { name: 'EEE', 'placeholder1': null, 'placeholder2': null, favoriteColor: null },
            { name: 'FFF', 'placeholder1': null, 'placeholder2': null, favoriteColor: null }
        ];

Полный код и пример на plunker

READ ALSO
React Router переход назад

React Router переход назад

1 Есть поиск такого вида /filter/phone/:number

207
3D вращение элемента мышкой html

3D вращение элемента мышкой html

Нужно реализовать подобный функционал

174
Скрытие элемента при клике вне его

Скрытие элемента при клике вне его

Данный код скрывает элементheader__bottom-hover-menu, при клике вне его

211
Шаги заполнения формы с помощью bootstrap 3 и валидацией

Шаги заполнения формы с помощью bootstrap 3 и валидацией

Пытаюсь сделать форму отправки с шагамиBootstrap 3

244