環境設置 egghead.io 教程？

Question

希望事情進展順利。

我正在嘗試設置我的開發環境，以便能夠有效地遵循http://egghead.io/上的 AngularJS 教程。 我遵循了http://docs.angularjs.org/tutorial上的教程，從那時起就一直在玩 angular-seed 框架。 我已經成功設置了 angular-seed 骨架並且能夠完全運行它。

當我嘗試創建帶有函數的 js 文件時，例如視頻 2 中的那個。我無法將其正確綁定到 index.html 上的 html 元素。 我相信問題可能與如何在 angular-seed 中實現路由有關。 我已經安裝了 node.js 並且能夠從 angular-seed 中的腳本文件夾啟動 Web 服務器。

在有機會使用 ASP.NET MVC 4 后，我真的很高興開始使用 AngularJS。我真的很喜歡 John 在 egghead.io 教程中提供的信息，但我目前無法完全模仿他的說明. 看起來他是 JetBrains WebStorm，但如果可能的話，我沒有興趣購買它。

任何幫助將不勝感激。

謝謝！

編輯1：

例如。 在 egghead.io 教程的視頻 2 中。 他創建了一個名為 main.js 的 js 文件，他在其中放置了一個客戶函數，並在 index.html 中將其稱為角度控制器：

    function FirstCtrl($scope){
       $scope.data = {message: "Hello"};
    }

控制器是否需要以下內容：

    angualar.module('myApp',[]).controller('FirstCtrl', function(...){});

對於 angular 讓它作為 index.html 上的控制器工作？ 我可以將其中一些函數添加到 angular-seed 的 controllers.js 中，並使它們在某種程度上起作用。 最好還是使用 angular-seed 並將控制器/模型/等他以某種方式顯示到它的結構中？

Answer 1

我最終使用了 angular-seed 並將他正在創建的控制器/服務/等放在了 controller.js 中，用於前幾個視頻。 我能夠成功輸出他在視頻中顯示的正確信息。 在視頻 5 結束時，我在 controller.js 中的代碼看起來像這樣：

'use strict';

/* Controllers */

var myApp = angular.module('myApp', []);

myApp.factory('Data', function(){
    return {message:"I'm data from a service"}
})

myApp.controller('FirstCtrl', function FirstCtrl($scope, Data){
    $scope.data = Data;
});

myApp.controller('SecondCtrl', function SecondCtrl($scope, Data){
    $scope.data = Data;

    $scope.reversedMessage = function (message) {
        return message.split("").reverse().join("");
    }
});

起初我使用 sublime text 2 和命令行（node.js expressjs 服務器），但最近我開始使用 Visual Studio 並創建了一個空網站。 我將angular-seed的所有文件夾/文件轉移到網站結構中，我不再需要從scripts\\web-server.js運行node.js expressJS。 VS2013 具有 angularJS 自動完成功能，因此它更容易。

我真的很喜歡他的教程，我很高興我現在能夠成功地跟隨他們開始學習 angularJS。

謝謝！