2013-10-18 53 views
2

希望事情进展顺利。环境安装egghead.io教程?

我试图设置我的开发环境,以便能够有效地遵循http://egghead.io/上的AngularJS教程。我已经按照http://docs.angularjs.org/tutorial的教程进行了学习,之后一直玩弄角种子骨架。我已经成功地建立了角种子骨架并能够完全运行它。

当我尝试创建带有功能的js文件,例如视频2中的功能时,我无法将其正确绑定到index.html上的html元素。我相信这个问题可能与在angular-seed中如何实现路由有关。我安装了node.js,并能够从angular-seed中的脚本文件夹启动Web服务器。

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

任何帮助将不胜感激。

谢谢!编号1:

例如,在视频2中的egghead.io教程。他创建了一个名为他在那里的index.html把客户功能,是指它作为一个角控制器main.js一个js文件:

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

岂不控制器需要的东西的exent:

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

为了让它在index.html上作为控制器工作?我可以将这些函数中的一些添加到angular-seed的controllers.js中,并使它们在某种程度上起作用。最好是可能仍然使用角种子,并把控制器/模型/等他显示某种方式进入它的结构?

+0

代码示例会很好^^ – matrix10657

回答

1

我最终使用了angular-seed并将他正在为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并创建了一个空的网站。我将angular-seed的所有文件夹/文件转移到网站结构中,而且我更需要从scripts \ web-server.js运行node.js expressJS。 VS2013具有angularJS自动完成功能,因此更容易。

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

谢谢!