angularjsで$ scopeを使用してデータを表示できません

Question

私はcordova s​​qliteからデータを取得してスコープに追加しようとしています。ビューページ内のデータをバインドします。しかし、私は "未定義のプッシュを読むことができません"というエラーが表示され、ビューページにデータが表示されません。

//私のコントローラ

$scope.codesubmit=function(data){ 
     var query = "SELECT * FROM item_master WHERE menucode = ?"; 
     $cordovaSQLite.execute(db, query, [data.menucode]).then(function (res) { 
     alert("inside success"); 
$scope.items.push({"menucode":"+res.rows.item(0).menucode+","menuname":"+res.rows.item(0).menuname+","quantity":"+data.quantity+","price":"+res.rows.item(0).price+"}); 
      alert(items); 
    },function (err) { 
       console.error(err); 
      }); 

//マイビューページ

<tbody id=Tabledata> 
      <tr ng-repeat="item in items"> 
      <td>{{item.menucode}}</td> 
      <td>{{item.menuname}}</td> 
      <td>{{data.quantity}}</td> 
      <td>{{item.price}}</td> 
      <td>{{total}}</td> 
      <td><a class='delete' href='#' ng-click()id='"+res.rows.item(0).id+"'>Delete</a></td> 
      </tr> 
     </tbody> 

Answer 1

$ scope.items arrayを使用する前に定義する必要があります。

$scope.codesubmit=function(data){ 
$scope.items = []; //define the array here 
    var query = "SELECT * FROM item_master WHERE menucode = ?"; 
    $cordovaSQLite.execute(db, query, [data.menucode]).then(function (res) { 
    alert("inside success"); 
$scope.items.push({menucode: res.rows.item(0).menucode, menuname: res.rows.item(0).menuname,quantity: data.quantity, price: res.rows.item(0).price}); 
     alert(items); 
},function (err) { 
      console.error(err); 
     }); 

あなたの関数定義の先頭に$scope.items = [];を追加すると、データベースから取得したデータによって取り込むことができ、空の配列を作成します。他の場所にアクセスしたい場合は、グローバルにも定義することができます。

Answer 2

$ scope.itemsが定義されていないようです。最初に$ scope.itemsオブジェクトを定義します。

$scope.items = [];