AngularJs TypeaHead insert value using dynamic model names

Question

I am creating template including TypeaHead boxes using ng-repeat on the basis of json data and I am giving dynamic model names to the boxes. My html part for TypeaHead box is:-

    <div ng-if="object.typeahead != undefined">
            <label style="float:left;">{{ object.label }}</label>
            <input class="form-control" type="text" ng-model="selectedTypeaHead[$index]" disabled/>
            <input class="form-control" type="text"  typeahead-on-select="setType($index, $item)" ng-model="selected" typeahead="val.value for val in values | filter:$viewValue" />
   </div>

Now, in my controller I want to insert the selected value of select box into the input box: selectedTypeaHead[$index] not selectedTypeaHead. Please help me. Thanks in advance.

    $scope.setType = function(index, item) {
        alert(index);
        $scope.selectedTypeaHead = item.value+','+item.id;
    }

`ng-model="selectedTypeaHead[$index]"` looks weird, why not `ng-model="selectedTypeaHead"`? — Maxim Shoustin, May 02 '17 at 13:47
Because i have a lot of typeaHead boxes being created on the basis of json data using ng-repeat and i have to assign dynamic model name to each of them — Muhammad Umar, May 02 '17 at 13:50
your `$scope.selectedTypeaHead` is a String but from HTML you use it as Array. please post some demo that represents your problem — Maxim Shoustin, May 02 '17 at 13:51
Hi, I have solve the problem and your first comment was helpful. Thanks — Muhammad Umar, May 02 '17 at 14:28

AngularJs TypeaHead insert value using dynamic model names

0 Answers0