Подтверждение формы с использованием значков шрифта внутри ng-repeat - PullRequest
Новая
       75

Подтверждение формы с использованием значков шрифта внутри ng-repeat

0 голосов
/ 04 мая 2020

Добрый день,

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

У меня проблема со значком изменяется только при вводе последнего адреса, я уверен, что мне нужно использовать индекс $ или что-то в этом роде, но не могу понять:

Вот мой код ...

image

Интересующие линии: 

        <select ng-model="address" name="address" ng-options="address.value for address in data.userAddress | filter:{u_active_address:'true'} track by address.value"
                  ng-change="c.updateAddress(item.quantity, item.sys_id, address.value, $index, item)" 
                  id="address" class="dropdown pull-right" style="height: 30px;">
          </select>
  <td>
      <i ng-show="myForm.address.$dirty" class="fa fa-check-circle" style="color:#008000;">{{myForm.address.$dirty}}</i>
      <i ng-show="myForm.address.$pristine" class="fa fa-exclamation-circle" style="color:#FF6347;">{{myForm.address.$pristine}}</i>
    </td>

Прикрепленные изображения: Загрузка корзины Последний измененный адрес

Любая помощь, и я был бы признателен

1 Ответ

0 голосов
/ 04 мая 2020

Нашел решение здесь: Как проверить входы, динамически созданные с использованием ng-repeat, ng-show (angular)

Обновленный код: 

<td>    
   <select ng-model="address" name="address{{$index}}" ng-options="address.value for address in data.userAddress | filter:{u_active_address:'true'} track by address.value"
                  ng-change="c.updateAddress(item.quantity, item.sys_id, address.value, $index)" 
                  id="address" class="dropdown pull-right" style="height: 30px;">
   </select>
</td>

<td>
   <i ng-show="myForm['address' + $index].$dirty" class="fa fa-check-circle" style="color:#008000;"> {{myForm.address.$dirty}}{{fieldUpdated}}</i>
   <i ng-show="myForm['address' + $index].$pristine" class="fa fa-exclamation-circle" style="color:#FF6347;"> {{myForm.address.$pristine}}</i>
</td>
...