Environment Setup egghead.io教程？

Posted 2021-04-19

希望一切顺利。

我正在尝试设置我的开发环境，以便能够有效地遵循http://egghead.io/上的AngularJS教程。我一直关注http://docs.angularjs.org/tutorial上的教程，此后一直在研究角种子骨架。我已经成功设置了角形种子骨架并能够完全运行它。

[当我尝试创建具有功能的js文件时，例如视频2中的一个。我无法将其正确绑定到index.html上的html元素。我认为问题可能在于如何在有角度的种子中实现路由。我已经安装了node.js，并且能够从有角种子的scripts文件夹中启动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的控制器？我可以将其中一些功能添加到有角种子的controllers.js中，并使它们在某种程度上起作用。最好还是仍然使用角度种子，然后将控制器/模型/等以某种方式放入其结构中？]

答案

我最终使用了角度种子，并将他要创建的控制器/服务/等放入前几个视频的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("");
    }
});

起初，我使用崇高的文字2和命令行（node.js expressjs服务器），但是最近我开始使用Visual Studio并创建了一个空网站。我将所有角度种子的文件夹/文件转移到网站结构中，并且我不再需要从scripts web-server.js运行node.js expressJS。 VS2013具有angularJS自动完成功能，因此更容易实现。

我真的很喜欢他的教程，很高兴我现在能够成功地跟随他们，开始学习angularJS。

谢谢！