javascript中的角度过滤数据不显示结果，并且数据推送导致提供错误plunker

Question

好的，我的 Angular 网站设置方式似乎有太多问题，所以我把它放在一个 plunker 中，这样任何人都可以看到它。

原问题：Angular retrieve specific data into $scope variable is not working

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

我的问题是 1. 我不明白如何使用 app.filter 2.应用名称问题 3. forEach 在 $http.get 内推入会抛出未定义的错误

plunker Index.html 有模板代码循环，app.module.js 是 root，而 device.controller.js 是我使用控制器的地方，我使用 json 文件调用 $http.get 来伪造它。

我试图使用其他人的答案，所以这个代码

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

过滤器我想知道这是否有用

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

然后这段代码我不确定它在正确的“地方”

似乎我不理解“应用程序”

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. app 在您的项目中是 ng-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;

  }

});