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

Question

我正尝试像这样在我的 angular 核心文件中加载控制器内容及其功能，以便将代码分开并进行更多组织，但我收到此错误：

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 文件上加载控制器

How to load controllers on my angularjs file in MEAN stack

controller

node.js

angularjs

mean-stack