Question

希望事情进展顺利。

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

当我尝试使用函数创建js文件时，例如视频2中的函数。我无法将其正确绑定到index.html上的html元素。我认为问题可能在于如何在角度种子中实现路由。我安装了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中并使它们在某种程度上起作用。是否最好仍然可以使用角度种子并将控制器/模型/等以某种方式放入其结构中？

Answer 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("");
    }
});

起初我使用的是sublime text 2和命令行（node.js expressjs server），但最近我开始使用Visual Studio并创建了一个空网站。我将angular-seed的所有文件夹/文件传输到网站结构中，我更需要从scripts \ web-server.js运行node.js expressJS。 VS2013具有angularJS自动完成功能，因此更容易使用。

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

谢谢！

环境设置egghead.io教程？

1 个答案: