Обновление данных массива в angularJS

Что я пытаюсь сделать, так это простое приложение, где пользователь может редактировать свою доступность в будние дни. код работает нормально. Я извлекаю данные из окна выбора, но проблема, когда я пытаюсь обновить данные понедельника, во вторник также обновляется с той же ценностью понедельника ** (как вы можете видеть в последнем представлении) **Обновление данных массива в angularJS

мой дб JSON

"doctorSchedule" : [ 
     { 
      "_id" : null, 
      "working_day" : "Monday", 
      "working_from" : [ 
       { 
        "_id" : null, 
        "hours" : "9", 
        "minutes" : "30" 
       } 
      ], 
      "working_to" : [ 
       { 
        "_id" : null, 
        "hours" : "6", 
        "minutes" : "30" 
       } 
      ] 
     }, 
     { 
      "_id" : null, 
      "working_day" : "Tue", 
      "working_from" : [ 
       { 
        "_id" : null, 
        "hours" : "9", 
        "minutes" : "30" 
       } 
      ], 
      "working_to" : [ 
       { 
        "_id" : null, 
        "hours" : "6", 
        "minutes" : "30" 
       } 
      ] 
     } 
    ],

Мой Угловая код.

$scope.data1 = $stateParams.viewUser; 
$http({ 
    url: "/getinfo", 
    method: "POST", 
    headers :{'Content-Type': 'application/json','Accept': 'application/json'}, 
    data: dataParam  
}).success(function(response) { 
    if(response.status_code == "worked") { 
     $scope.viewUser = response.clinicUserVo; 
     $scope.datasc = response.doctorSchedule;        
    } 
});

Мой HTML файл

<table class="table table-bordered" ng-repeat="docSchedule in data1.doctorSchedule"> 
<tr> <th scope="col"><input type="checkbox" ng-model="data1.working_day"></th> 
              <td>{{docSchedule.working_day}}</td> 
              <td> 

      <select id="user_time_zone" class="form-control form-group" ng-model="data1.working_from"> 

            <option value="" >{{docSchedule.working_from[0].hours}}</option> 
                <option id="optionspec" value="01" >01</option> 
                <option id="optionspec" value="02" >02</option> 
                <option id="optionspec" value="03" >03</option> 
                <option id="optionspec" value="04" >04</option> 
                <option id="optionspec" value="05" >05</option> 
                <option id="optionspec" value="06" >06</option> 
                <option id="optionspec" value="07" >07</option> 
                <option id="optionspec" value="08" >08</option> 
                <option id="optionspec" value="09" >09</option> 
                <option id="optionspec" value="10" >10</option> 
                <option id="optionspec" value="11" >11</option> 
                <option id="optionspec" value="12" >12</option> 
                <option id="optionspec" value="13" >13</option> 
                <option id="optionspec" value="14" >14</option> 
                <option id="optionspec" value="15" >15</option> 
                <option id="optionspec" value="16" >16</option> 
                <option id="optionspec" value="17" >17</option> 
                <option id="optionspec" value="18" >18</option> 
                <option id="optionspec" value="19" >19</option> 
                <option id="optionspec" value="20" >20</option> 
                <option id="optionspec" value="21" >21</option> 
                <option id="optionspec" value="22" >22</option> 
                <option id="optionspec" value="23" >23</option> 
    </select> 

               <td> 
       <div class="col-md-12 col-sm-6 col-xs-12 form-group has-feedback"> 
       <select id="user_time_zone" class="form-control form-group" ng-model="data1.working_from"> 
          <option value="" disabled="disabled">{{docSchedule.working_from[0].minutes}}</option> 
                <option id="optionspec" value="" >00</option> 
                <option id="optionspec" value="05" >05</option> 
                <option id="optionspec" value="10" >10</option> 
                <option id="optionspec" value="15" >15</option> 
                <option id="optionspec" value="20" >20</option> 
                <option id="optionspec" value="25" >25</option> 
                <option id="optionspec" value="30" >30</option> 
                <option id="optionspec" value="35" >35</option> 
                <option id="optionspec" value="40" >40</option> 
                <option id="optionspec" value="45" >45</option> 
                <option id="optionspec" value="50" >50</option> 
                <option id="optionspec" value="55" >55</option> 
                </select> 
               </div> 
              </td> 
              </td> 
              <td><b>to</b></td> 
              <td> 
               <div class="col-md-12 col-sm-6 col-xs-12 form-group has-feedback"> 
                <select id="user_time_zone" class="form-control form-group" ng-model="data1.working_to" name="user_time_zone"> 
                <option value="" disabled="disabled">{{docSchedule.working_to[0].hours}}</option> 
                <option id="optionspec" value="" >00</option> 
                <option id="optionspec" value="05" >05</option> 
                <option id="optionspec" value="10" >10</option> 
                <option id="optionspec" value="15" >15</option> 
                <option id="optionspec" value="20" >20</option> 
                <option id="optionspec" value="25" >25</option> 
                <option id="optionspec" value="30" >30</option> 
                <option id="optionspec" value="35" >35</option> 
                <option id="optionspec" value="40" >40</option> 
                <option id="optionspec" value="45" >45</option> 
                <option id="optionspec" value="50" >50</option> 
                <option id="optionspec" value="55" >55</option> 
                </select> 
               </div> 
              </td> 
              <td><b>:</b></td> 
              <td> 
               <div class="col-md-12 col-sm-6 col-xs-12 form-group has-feedback"> 
               <select id="user_time_zone" class="form-control form-group" ng-model="data1.working_to" name="user_time_zone"> 
                <option value="" disabled="disabled">{{docSchedule.working_to[0].minutes}}</option> 
                <option id="optionspec" value="" >00</option> 
                <option id="optionspec" value="01" >01</option> 
                <option id="optionspec" value="02" >02</option> 
                <option id="optionspec" value="o3" >03</option> 
                <option id="optionspec" value="04" >04</option> 
                <option id="optionspec" value="05" >05</option> 
                <option id="optionspec" value="06" >06</option> 
                <option id="optionspec" value="07" >07</option> 
                <option id="optionspec" value="08" >08</option> 
                <option id="optionspec" value="09" >09</option> 
                <option id="optionspec" value="10" >10</option> 
                <option id="optionspec" value="11" >11</option> 
                <option id="optionspec" value="12" >12</option> 
                <option id="optionspec" value="13" >13</option> 
                <option id="optionspec" value="14" >14</option> 
                <option id="optionspec" value="15" >15</option> 
                <option id="optionspec" value="16" >16</option> 
                <option id="optionspec" value="17" >17</option> 
                <option id="optionspec" value="18" >18</option> 
                <option id="optionspec" value="19" >19</option> 
                <option id="optionspec" value="20" >20</option> 
                <option id="optionspec" value="21" >21</option> 
                <option id="optionspec" value="22" >22</option> 
                <option id="optionspec" value="23" >23</option> 
               </select> 

               </div> 
              </td> 

             </tr> 






           <tr> 

</tr> 
<tr > 


</table>

HTML VIEW

См в этом HTML страницы, когда я пытаюсь updatemonday данные и ВТ данные также автоматически меняется, как я могу решить это через Угловое ?

источник

2016-09-06 adasdasd

Изменить

<select id="user_time_zone" class="form-control form-group" ng-model="data1.working_from">

<select id="user_time_zone" class="form-control form-group" ng-model="docSchedule.working_from">

Поскольку таким образом, каждый select каждого ng-reapeat будет указывать свои данные в соответствующем docSchedule.

Понял? Говоря другими словами, ваш код работает не так, как ожидалось, потому что data1.working_from указывает на ту же модель во всех областях, в каждом ng-repeat.

источник

2016-09-06 16:54:36 daymannovaes

ok получил это .. уже сделал это спасибо – adasdasd

, но не уверен, могу ли я передать массив с помощью docSchedule.working_from – adasdasd

Возможно, у вас будет обзор, как вы отформатировали свои модели. Но, по крайней мере, вы можете решить эту проблему «изменить одно изменение причины на другом» – daymannovaes

Обновление данных массива в angularJS

ответ

Смежные вопросы