2016-07-13 8 views
-1
で作業していない

私のJSコード:削除機能はangularJS

camListApp.controller("Hello", function($scope, $http, $uibModal){ 

    $scope.del=function(data){ 

     var result=confirm('are you sure?'); 
     if(result==true){ 
     var index=getSelectedIndex(data); 
     $scope.records.splice(index, 1); 
     } 
     }; 
     function getSelectedIndex(data) { 
     for (var i =0; i<$scope.records.length; i++) 
     if($scope.records[i].data==data) 
     return i; 
     return -1; 
     } 

のHTMLコード:

<td><button class="btn" ng-click="del(record.filename)">Delete</button></td> 

私のJSONデータ:私はangularjsの削除機能を行うことができますどのように

[{"cameraid":"000000001","timestamp":"2016-07-09 10:06","filename":"c037731fc2256177ba29c7893caacf04","locationid":"Bedok01"} 
{"cameraid":"000000003","timestamp":"2016-07-13 11:35","filename":"4fd2413d30073b4b6a5cacbb8b7c1965","locationid":"Bedok01"} 
{"cameraid":"000000003","timestamp":"2016-07-13 14:41","filename":"6b6b62948eb679efeb650d609c85b7aa","locationid":"Bedok01"} 

ボタンをクリックすると同時にmongodbもデータを削除します。誰でも助けることができますか?

答えて

1

は、httpは、DBから削除して

<td><button class="btn" ng-click="del(record)">Delete</button></td> 

$scope.del = function(record) { 
var index = $scope.records.indexOf(record); 
$scope.records.splice(index , 1); 
    $scope.list(); 
}; 
+0

まだ動作していません –

+0

申し訳ありません私のGUI自体で削除することができますが、データはmongodbで削除されません –

+1

私は上記のようにhttpを使用して、あなたがWebサービスに削除コントローラがない場合のhttp.post – jitender

2

まず、サーバーでエンドポイントを開く必要があります。 Mongodbはデータベースなので、コントローラーなどを実装することでバックエンドからアクセスできます。次に、そのエンドポイントへのAPI呼び出しを行うことができます。

$scope.del = function(data) { 
     $http.post('/records/' + data.id + '/delete') 
     .then(function(){ 
      .... the rest of your angular code goes here 
     }) 
    }; 
+0

以下のようにスプライスを使用して、リストからオブジェクトを削除するために呼び出す作る申し訳ありませんが、私はちょうど私のokok私のjsファイル –

+0

のために削除、編集。あなたのニーズに合うようにコードを編集してください:) –

+0

しかし、私の残りのWebサービスにはコントローラが削除されていません –