javascript - AngularJS - binding not working as expected -
i have application consisting of tens of pages/views, , far works fine.
now, in current page i'm working on have situation of inputs not behaving expected, meaning, relevant $scope
variable within controller not receiving value entered user.
i'm putting here parts of code explanations:
: : : <tbody> <tr ng-model="data_list" ng-repeat="one_source in data_list track $index" style="cursor:pointer"> : : : <td> <input ng-disabled="check_if_disable($index,'input')" type="number" id="param_input_{{$index}}" class="form-control" ng-blur="check_parameter_value($index,one_source.parameter_name)" string-to-number ng-change="handle_parameter_value_change($index)" ng-model="one_source.parameter_value" ng-class="set_class($index)" min="{{one_source.feasibility_min}}" max="{{one_source.feasibility_max}}" step="0.001"> </td> : : : </tr> </tbody> : : : <tbody> <tr> <td> <table> <tbody> <tr> <td style="padding:0 10px"> sampling-id: </td> <td style="padding:0 10px"> <input type="number" id="general_sampling_id_input" class="form-control" string-to-number ng-model="general_sampling_id"> </td> <td style="padding:0 10px"> result: </td> <td style="padding:0 10px"> <input type="number" id="general_parameter_value_input" class="form-control" string-to-number ng-model="general_parameter_value"> </td> <td style="padding:0 10px"> <button type="button" class="btn btn-success" style="padding:2px;margin:5px" ng-click="apply_general_entry()"> apply </button> </td> </tr> </tbody> </table> </td> </tr> </tbody> : : :
and relevant part of controller:
$scope.apply_general_entry = function () { var l_sampling_id = $scope.general_sampling_id ; //document.getelementbyid("general_sampling_id_input" ).value ; var l_value = $scope.general_parameter_value ; //document.getelementbyid("general_parameter_value_input").value ; (var = 0 ; < $scope.data_list.length ; i++ ) { if ($scope.data_list[i].sampling_id == l_sampling_id) { $scope.data_list[i].result = l_value ; break ; } } }
the first table (with input whoseng-model
one_source.parameter_value
both receives , displays value fetched database and, in case user changes value, corresponding element within $scope.data_list
object correctly updated when examining in within controller (e.g. console.log(...)
).
the 2 variables of second table, however, not behaving expected: if initiate them (hardcoded) initial value not displayed, not entered value (by typing on input fields of page) reflected within controller.
if examined values of these input fields using document.getelementbyid("general_sampling_id_input").value
(the same other input) correct value.
no errors shown @ console.
it appear might have typo somewhere, can't find it.
any appreciated.
Comments
Post a Comment