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

Popular posts from this blog

ubuntu - PHP script to find files of certain extensions in a directory, returns populated array when run in browser, but empty array when run from terminal -

php - How can i create a user dashboard -

javascript - How to detect toggling of the fullscreen-toolbar in jQuery Mobile? -