2

希望事情进展顺利。

我正在尝试设置我的开发环境，以便能够有效地遵循http://egghead.io/上的 AngularJS 教程。我已经按照http://docs.angularjs.org/tutorial上的教程进行操作，从那时起我就一直在玩 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 中，并使它们在某种程度上起作用。最好还是使用角种子并将他显示的控制器/模型/等以某种方式放入它的结构中？

4

1 回答 1

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 服务器），但最近我开始使用 Visual Studio 并创建了一个空网站。我将 angular-seed 的所有文件夹/文件转移到网站结构中，我不再需要从 scripts\web-server.js 运行 node.js expressJS。VS2013 具有 angularJS 自动完成功能，因此更容易。

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

谢谢！

于 2013-10-20T19:57:24.353 回答