Question

我试图像这样在我的角度核心文件中加载带有其功能的控制器内容，以使代码分离并具有更多的组织性，但是我收到此错误：

Uncaught ReferenceError: require is not defined
    at core.js:2

这是我的core.js文件：

let app = angular.module('MainApp', []),
    mainController = require('./controllers/mainController.js');

app.controller('mainController', mainController);

这是我的mainController.js文件：

module.exports = ($scope, $http) => {
    $scope.newElement = {};
    $scope.elements = {};
    $scope.selected = false;

$http.get('/api/elements').success(function(data) {
        $scope.elements = data;
    })
    .error(function(data) {
        console.log('Error: ' + data);
    });

    $scope.registerElement = function() {

        $http.post('/api/elements', $scope.newElement)
        .success(function(data) {
                $scope.newElement = {};
                $scope.elements = data;
            })
        .error(function(data) {
            console.log('Error: ' + data);
        });
    };
}

有什么办法可以在core.js中加载此内容？

谢谢！

Answer 1

您不能在客户端上使用require。如果需要，请使用Browserify或Webpack。 require是nodejs lib/module.js的一部分。查看此样式指南 John Papa | Todd Motto

如何在MEAN堆栈中的angularjs文件上加载控制器

1 个答案: