javascript - 环境设置 egghead.io 教程？

Question

希望一切顺利。

我正在尝试设置我的开发环境，以便能够有效地遵循 http://egghead.io/ 上的 AngularJS 教程。 .我已按照 http://docs.angularjs.org/tutorial 上的教程进行操作从那以后就一直在玩弄 Angular 种子骨架。我已经成功设置了 angular-seed 骨架，并且能够完全运行它。

当我尝试创建带有函数的 js 文件时，例如视频 2 中的那个。我无法将它正确绑定(bind)到 index.html 上的 html 元素。我认为问题可能出在 Angular 种子中如何实现路由。我安装了 node.js 并且能够从 angular-seed 中的脚本文件夹启动网络服务器。

在我有机会使用 ASP.NET MVC 4 之后，我很高兴开始使用 AngularJS。我真的很喜欢 John 在 egghead.io 上的教程中提供的信息，但我目前无法完全效法他的指示。看起来他是 JetBrains WebStorm，但我没有兴趣购买它，如果可能的话。

如有任何帮助，我们将不胜感激。

谢谢!

编辑 1:

例如。在 egghead.io 教程的视频 2 中。他创建了一个名为 main.js 的 js 文件，他在其中放置了一个客户函数，并在 index.html 中将其称为 Angular Controller :

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

Controller 是否需要以下东西:

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

为了使 Angular 能够作为 index.html 上的 Controller 工作？我能够将其中一些功能添加到 angular-seed 的 controllers.js 中，并使它们在某种程度上起作用。最好还是使用 angular-seed 并将他显示的 Controller /模型/等以某种方式放入它的结构中吗？

Answer 1

我最终使用 angular-seed 并将他正在创建的 Controller /服务/等放置到前几个视频的 controller.js 中。我能够成功输出他在视频中显示的正确信息。到视频 5 结束时，我在 controllers.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。

谢谢!