как сделать мой выбор выпадающим уникальным, когда я добавляю button.ANgularjs - PullRequest
Новая
       21

как сделать мой выбор выпадающим уникальным, когда я добавляю button.ANgularjs

0 голосов
/ 19 марта 2020

Я создал кнопку при нажатии на нее добавит еще одну таблицу строк, состоящую из 2 выпадающих списков Customer и Product. введите описание изображения здесь

Мой вопрос заключается в том, как сделать свой выбор выпадающим, уникальным, когда я добавляю кнопку.

Мой код в таблице .. 

<button type="button" class="btn pushy__btn--blue" ng-click="addItemsCount()"> <span>Add Customer & Product</span></button>

<tr ng-repeat="rowContent in rows track by $index">
 <td class="text-center">
  <label>{{$index+1}}</label>
</td>
<td data-ng-init="getCustomer(index)"
<select style="width: 100%" class="states form-control input-sm" name="customer[]"  required ng-model="$parent.customerselected" >
    <option  value="">Select Customer
    </option>
    <option ng-repeat="c in customer track by $index" value="{{c.CUS_ID}}">
                                            {{c.F01}}  </option>
</select>
    </td>
    <td>
        <select style="width: 100%" class="states form-control input-sm" name="product[]" required ng-model="$parent.productselected"  >
     <option  value="">Select Product
     </option>
     <option ng-repeat="pr in productlist track by $index" value="{{pr.prod_id}}">
{{pr.prod_name}}  </option>
      </select>
       </td>


My js code.

$scope.rows=[];
        $scope.counter=1;
        $scope.currentId = 2;
        $scope.addItemsCount = function(index) {
            //Adding another row in tr
            $scope.rows.push('Row ' + $scope.counter);
            $scope.counter++;
            //Customer List

            $scope.getCustomer = function (counter){

                $http.get('model/getCustomer.php')
                    .then(function (response){
                        $scope.customer = response.data.results;

                    });

            };

            //Product List
            $scope.$watch('customerselected', function(counter){
                $http.get("model/getProductList.php?custcode="+ $scope.customerselected)
                    .then(function(response){
                        $scope.productlist = response.data.results;

                    })

            });

        };
...