在函数之外添加自定义过滤器时未定义 Angular 应用程序

Question

尝试遵循一些示例，但我得到 app is not defined

app.js

(function () {
   "use strict";
   var app = angular.module("deviceManagement",['angularUtils.directives.dirPagination']);
}());

所以我希望能够使用或附加到“应用程序”

我有一个控制器 js 文件

(function () {
   "use strict";
angular
    .module("deviceManagement")
    .controller("DeviceListCtrl",
    ProductListCtrl);

function ProductListCtrl($http, $scope) {
    var vm = this;

    vm.devices = [];

    deviceList();


    function deviceList() {

      //..........
    }

  }
} ());

然后在上面的代码下我这样做

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

    var deviceStatusLookup = {
        1: "New Device",
        2: "Activated",
        3: "Unactivated"
    };

    return function (statusId) {
        var output = deviceStatusLookup[statusId];
        return output;
    }
});

页面控制台错误

deviceListCtrl.js:73 Uncaught ReferenceError: app is not defined

Answer 1

检查您是否包含了 app.js 文件。

另外，我会更改以下内容：

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

到这里：

angular
    .module("deviceManagement")
    .filter('deviceStatus', function () {

最好不要使用 var app 而只引用模块，例如angular.module（“设备管理”）。看到这个answer。

Answer 2

在你的情况下，问题在于这里：

(function () {
   "use strict";
   var app = angular.module("deviceManagement",['angularUtils.directives.dirPagination']);
}());

您在 lambda 函数中有 app，它就存在于其中。

要使其正常工作，您应该：

(function (window) {
   "use strict";
   var app = angular.module("deviceManagement",['angularUtils.directives.dirPagination']);
   window.app = app || {};
}(window));

因此，我们在 lambda 中注入 window 元素，以便您可以全局定义 app (window.app = app || {})。

注意：考虑到 window.app 方法不是最好的。

angular.module("deviceManagement") 语法可能是最好的方法，可以让您的代码更加模块化。