Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 环境设置egghead.io教程?_Javascript_Angularjs_Installation - Fatal编程技术网

Javascript 环境设置egghead.io教程?

Javascript 环境设置egghead.io教程?,javascript,angularjs,installation,Javascript,Angularjs,Installation,希望一切顺利 我正在尝试设置我的开发环境,以便能够有效地遵循上的AngularJS教程。我一直遵循教程,从那以后一直在玩有角度的种子骨架。我已经成功地设置了有角度的种子骨架,并且能够完全运行它 当我尝试用函数创建js文件时,比如视频2中的函数。我无法将其正确绑定到index.html上的html元素。我相信问题可能在于如何在angular seed中实现路由。我已经安装了node.js,并且能够从angular seed中的scripts文件夹启动web服务器 在我有机会使用ASP.NETMVC

希望一切顺利

我正在尝试设置我的开发环境,以便能够有效地遵循上的AngularJS教程。我一直遵循教程,从那以后一直在玩有角度的种子骨架。我已经成功地设置了有角度的种子骨架,并且能够完全运行它

当我尝试用函数创建js文件时,比如视频2中的函数。我无法将其正确绑定到index.html上的html元素。我相信问题可能在于如何在angular seed中实现路由。我已经安装了node.js,并且能够从angular seed中的scripts文件夹启动web服务器

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

任何帮助都将不胜感激

谢谢

编辑1:

比如说。在egghead.io教程的视频2中。他创建了一个名为main.js的js文件,在其中放置了一个customer函数,并在index.html中将其称为角度控制器:

    function FirstCtrl($scope){
       $scope.data = {message: "Hello"};
    }
难道一个控制器不需要一些东西来超越:

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

让angular在index.html上作为控制器工作?我能够将其中一些函数添加到angular seed的controllers.js中,并使它们在某种程度上工作。最好还是使用angular seed并将他显示的控制器/模型/等以某种方式放入其结构中?

我最终使用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


谢谢

代码示例会很好^^