我的Angular應用程序僅適用於某種語法

Question

我正在關注angular和rails的thinkster教程。該教程說要作出這樣的應用程序...

angular.module('flapperNews', [])

與控制器和工廠這樣的...

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

等。但是我這樣做時，它只能......

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

與控制器和工廠這樣的...

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

是否有這一個簡單的答案？這是歪曲還是我做錯了什麼。 這裏是嘖嘖鏈接 https://thinkster.io/angular-rails#introduction

我還沒有開始導軌部分，只是想知道它爲什麼打破。

這裏是兩個代碼... 這個工作如上所述。 http://codepen.io/MrNagoo/pen/regKgM

這一次失敗，並給出了錯誤，但它就是我如何被引導到編寫代碼...

http://codepen.io/MrNagoo/pen/regKEM

Answer 1

你的問題是，你正在使用;做下一個.config此終止語句之前。您需要鏈接組件。

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

這裏是codepen與工作代碼

但是你應該definettly遵循約翰爸爸的風格指南

Answer 2

我建議看着約翰爸爸的風格指南：https://github.com/johnpapa/angular-styleguide/tree/master/a1

你創建你的模塊，你說：

angular.module('flapperNews', []) 

你增加一個控制器/工廠/配置/任何類似：

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

function config() { ... }