我的 Angular 应用程序仅适用于特定语法答案

【问题标题】：My Angular app only works with a certain syntax我的 Angular 应用程序仅适用于特定语法
【发布时间】：2016-05-17 21:40:48
【问题描述】：

我正在关注关于 angular 和 rails 的 thinkster 教程。教程说要制作这样的应用程序......

angular.module('flapperNews', [])

像这样的控制器和工厂...

.config([... .controller([... .factory([...

等等。但是，它仅在我这样做时才有效...

var flapperNews = angular.module('flapperNews', [])

像这样的控制器和工厂...

flapperNews.config([... flapperNews.controller([... flapperNews.factory([...

对此有简短的回答吗？是tut错了还是我做错了什么。这是tut链接 https://thinkster.io/angular-rails#introduction

我还没有开始rails部分，只是想知道它为什么会坏。

这是两个代码笔... 这个工作如上所述。 http://codepen.io/MrNagoo/pen/regKgM

这个失败并给出错误，尽管这是我被指示编写代码的方式......

【问题讨论】：

我希望看到更多代码，但通常您必须在模块中注入控制器：angular.module('flapperNews', ['flapperCtrl', 'flapperSrv'])。也许这会有所帮助。
我做了几个codepen。
@MrNagoo 第二支笔也可以。唯一的问题是，您将; 放在每个控制器/工厂/任何东西之后，因此会出现语法错误。此外，config 函数中缺少 $stateProvider。同一支笔，已清理：codepen.io/anon/pen/QNRBbW

【解决方案1】：

你按照你说的创建你的模块：

angular.module('flapperNews', [])

然后你添加一个控制器/工厂/配置/随便什么：

angular
    .module('flapperNews')
    .config(config)

function config() { ... }

【讨论】：

【解决方案2】：

您的问题是您在执行下一个 .config 之前正在使用 ; 这会终止语句。您需要链接组件。

angular.module("app",[]) .config() .controller() .service();

这里是codepen 和工作代码

但你应该绝对遵循 John Papa 的风格指南

【讨论】：