带有Angularjs的Nodejs：未执行角度控制器脚本答案

【问题标题】：Nodejs with Angularjs : angular controller scripts not executed带有Angularjs的Nodejs：未执行角度控制器脚本
【发布时间】：2018-11-26 12:34:05
【问题描述】：

我目前正在开发一个使用 Express 和 ejs 作为视图引擎的 Node 项目。

现在，出于某些目的，我想在项目中添加一些 Angularjs，但遇到了一些问题。

我在 Angularjs 控制器上编写的所有脚本都没有执行，尽管它们已正确加载。

例如，我在 app.js 文件中像这样启动 angular 模块

angular.module('myApp', [])
.controller('MainController', MainController);

然后我将它加载到一个渲染的 ejs 文件 index.ejs

<body ng-app="myApp">
    <div>{{ variable }}</div>
<script src="/public/js/angular.min.js"></script>
<script src="/public/modules/part.js"></script>
<script scr="/public/modules/app.js"></script>
</body>

其中 /public 是提供静态文件的静态目录，part.js 是包含 MainController 的文件，定义如下

var MainController = function($scope) {
    $scope.variable = 'text';
    console.log('other text');
}

页面完全加载后，控制台中没有任何内容，并且 {{ variable }} 不会被解释。

那我做错了什么？

【问题讨论】：

标签： angularjs node.js express ejs

【解决方案1】：

您还需要添加ng-controller="MainController"，

<body ng-app="myApp" ng-controller="MainController">
    <div>{{ variable }}</div>
</body>

【讨论】：