AnguarJsの入力値を編集した後、ngモデルの値が更新されませんか？

Question

私は、ユーザーが製品の詳細を編集する基本的なCRUDアプリケーションを作成する必要がありますが、私の場合は入力値が入力されていますが、値を編集した後では編集された値がコントローラに表示されません

//editProductDetail function for edit the product detail 
 
\t $scope.editProductObj = []; 
 
    $scope.editProductDetail = function(productObject) { 
 
\t \t $scope.editProductObj = productObject; 
 
\t } 
 
    
 

 
//call udpateProductDetailc function for update the detail 
 
$scope.item   = {}; 
 
$scope.getProductKey = []; 
 
$scope.udpateProductDetail = function(index, productObject) { 
 
\t \t var data = { 
 
\t \t \t productId  : $scope.item.pid, 
 
\t \t \t productName : $scope.item.pname, 
 
\t \t \t brandName  : $scope.item.bname, 
 
\t \t \t productPrice : Number($scope.item.price) 
 
\t \t } 
 

 
\t \t $scope.getProductKey = productObject.key; 
 
\t \t var db  = firebase.database(); 
 
\t \t var sellerProduct = db.ref("sellerProduct"); 
 
    }

<div ng-repeat="list in productArray"> 
 
    <a href="#" class="fa fa fa-group" 
 
    onclick="document.getElementById('editProduct').style.display='block'"  ng-click="editProductDetail(list)"> 
 
    </a> 
 
    <div> 
 
    
 
<div class="w3-container"> 
 
    <div class="col-sm-9"> 
 
     <div class="w3-container"> 
 
      <label>Enter Prduct Id</label> 
 
      <input type="text" name="text" ng-model="item.pid" 
 
      value="{{editProductObj.productId}}"><br> 
 
      <label>Enter Brand Name</label> 
 
      <input type="text" name="text" ng-model="item.bname" 
 
      value="{{editProductObj.brandName}}"><br> 
 
      <label>Enter Product Name</label> 
 
      <input type="text" name="text" ng-model="item.pname" 
 
      value="{{editProductObj.productName}}"><br> 
 
      <label>Enter Product Price</label> 
 
      <input type="text" name="text" ng-model="item.price" 
 
      value="{{editProductObj.productPrice}}"><br> 
 
     </div> 
 
    </div> 
 
</div> 
 
<div class="w3-btn w3-blue" ng-model="wholeItem" 
 
    ng-click="udpateProductDetail($index, editProductObj)">Udpate 
 
</div>

？

Answer 1

内容を変更したときにinputで変更される内容はng-modelです。このように "$のscope.item" を初期化してみ

<div class=""> 
    <div class="col-sm-9"> 
     <div class="w3-container"> 
      <label>Enter Prduct Id</label> 
      <input type="text" name="text" ng-model="item.pid"><br> 
      <label>Enter Brand Name</label> 
      <input type="text" name="text" ng-model="item.bname"><br> 
      <label>Enter Product Name</label> 
      <input type="text" name="text" ng-model="item.pname"><br> 
      <label>Enter Product Price</label> 
      <input type="text" name="text" ng-model="item.price"><br> 
     </div> 
    </div> 
</div> 

Answer 2

：あなたはだからあなたのHTMLは次のようになりますvalue（ng-value）

を使用する必要はありません

$scope.item = {pid: "",bname:"",pname:"",price:""};