お世話になっております。
angularJS(1.7.2)を使用して管理ページを作ろうとしております。
ng-repeatを使用して情報を更新し、表示させていこうとしています。
下記のソースでnameとseqeunceを更新させる際に
「フォーカスのあたっている行が変更されたら、Ajaxの部分が動作する」
としたいのですが、良い設定方法が思い浮かびません。
お分かりになる方、いらっしゃいましたらよろしくお願いします。
<tr ng-repeat="series in serieses"> <td class="name"><input type="text" class="form-control" ng-model="series.name" ng-blur="setSeries(series.id)"></td> <td class="sequence"><input type="number" class="form-control" ng-model="series.sequence" ng-blur="setSeries(series.id)"></td> </tr> ------------------------------------------------------------- $scope.setSeries = function(id){ //更新処理 if(id){ $scope.serieses.forEach(function(series){ if(series.id==id){ name = series.name; sequence = series.sequence; } }); } //Ajaxでシリーズを更新 if(????){ http({ method: 'POST', url: '/ajax/setSeries', params:{ id:id, name:name, sequence:sequence } }).then(function onSuccess(data,status,headers,config){ //正常処理 },function onError(data,status,headers,config){ }); } };
あなたの回答
tips
プレビュー