угловые JS динамический флажок в нг-повтора

Question

У меня есть таблица услуг с Id как

ID Text 
1 Cleaning 
2 Washing 
3 Folding 
4 Drying 

я получить их с помощью апи вызова и получил JSon. У меня есть другая таблица, в которой у меня есть цены на эти услуги вместе с идентификатором продукта, поэтому при добавлении продукта я хочу добавить услуги и их цену. Для этого я извлекаю вывод и идентификатор, используя api-вызов, и повторяю их в таблице, и одна и та же итерация используется для создания текстовых полей для ввода цены конкретного сервиса. это таблица, которую я сделал после долгого царапания головы.

<table id="dataTable" class="table table-striped table-bordered table-hover"> 
<thead> 
    <tr> 
     <th> 
      Service 
      <i class="fa sort"></i> 
     </th> 
     <th> 
      Price 
      <i class="fa sort"></i> 
     </th> 
    </tr> 
</thead> 
<tbody> 
    <tr ng-repeat="Record in ServiceList"> 
     <td> 
      <span> 
       <input id={{Record.ID}} ng-model="Services[Record.ID]" ng-checked="Record.ID==ProductProfile.PriceList.ServiceID" type="checkbox"> 
       <label for={{Record.ID}}> 
        {{Record.Text}} 
       </label> 
      </span> 
     </td> 
     <td><span> <input id={{Record.ID}} ng-model="PriceList[Record.Price]" ng-disabled="!Services[Record.ID]" class="col-lg-12" type="number"></span></td> 
    </tr> 
</tbody> 

Сценарий изначально все галочки (в зависимости от количества услуг в таблице услуг) являются непроверенные и текстовые поля отключены пользователь может отметьте желаемую услугу это позволит соответствующее текстовое поле, как только пользователь сохраняет записи список выбранных услуг и их цены будут в ProductProfile.PriceList, который имеет два атрибута ServiceID и цена

Я пытался сделать это, используя для цикла в моем контроллере, но не

Answer 1

Я сделал это с помощью

<div class="col-lg-8"> 
             <table id="dataTable" class="table table-striped table-bordered table-hover"> 
              <thead> 
               <tr> 
                <th> 
                 Service 
                 <i class="fa sort"></i> 
                </th> 
                <th> 
                 Price 
                 <i class="fa sort"></i> 
                </th> 
               </tr> 
              </thead> 
              <tbody> 
               <tr ng-repeat="Record in ServiceList"> 
                <td> 
                 <span> 
                  <input id={{Record.ServiceID}} ng-model="Record.IsExist" type="checkbox"> 
                  <label for={{Record.ServiceID}}> 
                   {{Record.Text}} 
                  </label> 
                 </span> 
                </td> 
                <td><span> <input ng-model="Record.Price" ng-disabled="!Record.IsExist" class="col-lg-12" step="any" min="0" max="1000" type="number"></span></td> 
               </tr> 
              </tbody> 
             </table> 
            </div>