コントローラからng-modelまたは$ scope変数を更新します。

Question

ASP.Net MVCでAngularjを使用してテキストボックスを更新する際に、いくつかの問題があります。私はdivとで異なるNG-モデルを使用していますng-model ...私は、[編集]ボタンをクリックすると、テキストボックスはので、私は<div>に表示された名前を編集することができます表示されますが表示さ<div>タグ...

を持っていますinput私は直接結合...

をしたくないので、私は実際には二つの質問が午前：私は後の編集をキャンセルしたいどのような場合には、両側に同じng-modelを使用する場合

1-すでにテキストを入力していますか？とにかくテキストが変更されますが、変更を元に戻す方法はありますか？

2-私の2番目の質問では、divの値を得るために、テキストボックスinputを更新する際に助けが必要です。以下は

は私のコードです：

マイビュー：

は

<div ng-show="!nameElements" class="item_list">{{u.fName}}</div> 
<div ng-show="nameElements"> 
    <input type="text" id="ufn" ng-model="userfName"> 
    <a href="javascript:void(0)" ng-click="updateUserName()"><i class="fa fa-floppy-o fa-lg" aria-hidden="true"></i></a> 
</div> 

マイ角度コントローラ：

$http.get('/Home/GetUser') 
    .then(function (response) { 
     $scope.users = response.data; 
     $scope.itmNo = response.length; 
     $scope.userfName = response[0].fName;//This is not working!! 
     } 
    }) 
    .catch(function (e) { 
     console.log("error", e); 
     throw e; 
    }) 
    .finally(function() { 
     console.log("This finally block"); 
    }); 

ので、問題がある、私は変更することはできませんよ/ NGを更新私のコントローラからのモデル。

は、私は私の質問は、あなたが以前に.success(function (response) {...})を使用して.then(function(response) {...}にそれを変更された可能性が高いように思わ

Answer 1

明らかであると思います。

.success()と.then()コールバックのパラメータは同じではありません。 .success()コールバックに渡される最初のパラメータは、.then()に渡されたresponse.dataの値です。

あなたのコードは、おそらく次のようになります。[0] .fName`

$http.get('/Home/GetUser') 
    .then(function (response) { 
     var data = response.data 
     $scope.users = data.data; 
     $scope.itmNo = data.length; 
     $scope.userfName = data[0].fName; 
     } 
    })