javascriptの角度フィルタリングデータに結果が表示されず、データのプッシュでエラーplunkerが発生する

Question

私はAngularサイトが設定されている方法があまりにも多くの問題を抱えていたようだから、誰でもそれを見ることができます。

オリジナル質問：Angular retrieve specific data into $scope variable is not working

Plunker http://plnkr.co/edit/NsE29zjraQp9UeklJBiI?p=preview

私の問題は 1です。私はアプリ名 3のforEachでapp.filter 2号を使用する方法を理解していませんよ$ http.getをスローするエラーが定義されていない

plunker Index.htmlにはテンプレートコードループがあり、app.module.jsはrootであり、device.contro ller.jsは、私が$ http.getでjsonファイルを使ってコントローラを使ってそれを偽造しているところです。私は他の人に使用しようとした

は仕事

<div ng-repeat="device in devices"> 
    {{ device.DeviceStatus }} 
</div> 

と、これはその後、このコード私は正しい、それはわからない場合、私は思っていたので、このコード

$scope.devices = result.data.Devices; // gives all data ... 

フィルターに答えます"place"

私は "app"を理解していないようです。

app.filter('deviceStatus', function() { 
    return function (status_id) { 
     var statuses = ['Old Device', 'New Device', 'Activated', 'Unactivated']; 
     return statuses[status_id]; 
    }; 
}); 

例フィルタ：

<td>{{device.DeviceId | deviceStatus}}</td> 

Answer 1

は私はあなたの問題を理解してみましょう。

あなたの質問によると、appが何であるかを理解することに問題があり、filterを使用するようです。

これはplunkrの動作バージョンです。プロジェクト内のCheck this url

1. appng-appディレクティブです。 ng-appディレクティブは、その要素がAngularJSアプリケーションの「所有者」であることをAngularJSに通知します。
2. フィルタの機能を理解するため。以下の例を確認してください。
3. まだ定義されていない$scope.statusesにプッシュしようとしていました。だから最初$scope.statusesを空の配列にすることを定義します。 `$ scope.statuses = [];
これはあなたのために働く

希望！ `

// To declare a filter we pass in two parameters to app.filter 
 

 
// The first parameter is the name of the filter 
 
// second is a function that will return another function that does the actual work of the filter 
 

 
//here app is the module name of your project 
 

 
app.filter('myFilter', function() { 
 

 
    // In the return function, we must pass in a single parameter which will be the data we will work on. 
 
    // We have the ability to support multiple other parameters that can be passed into the filter optionally 
 
    return function(input, optional1, optional2) { 
 

 
    var output; 
 

 
    // Do filter work here 
 

 
    return output; 
 

 
    } 
 

 
});