当前位置: 首页 > 面试题库 >

什么是“未定义角度”的原因

金谭三
2023-03-14
问题内容

我正在关注egghead.io上的视频教程,但是在尝试遵循他在创建工厂时的示例时,我一直收到“未定义角度”的参考错误,但是我包含了角度脚本

这是我的html页面:

<!DOCTYPE html>
<html>
    <head>
    <title>Prototype</title>
    <link rel="stylesheet" type="text/css" href="foundation.min.css">
    <script type="text/javascript" src="main.js"></script>
    </head>
    <body>

    <div data-ng-app="">

        <div data-ng-controller="FirstController">
            <input type="text" data-ng-model="data.message">
            <h1>{{ data.message }}</h1>
        </div>



        <div data-ng-controller="SecondController">
            <input type="text" data-ng-model="data.message">
            <h1>{{ data.message }}</h1>
        </div>


    </div>
    <script type="text/javascript" src="angular.min.js"></script>
    </body>
</html>

这是我的JavaScript文件“ main.js”:

//Services
    // step 1 create an app                             
    var myApp = angular.module('Data', []).
    // tep 2 create factory
                // Service name, function
    myApp.factory('Data', function(){
        return { message: "I'm Data from a Service" }
    });



//Controllers
    function FirstController($scope, Data){
        $scope.data = Data;
    }

    function SecondController($scope){

    }

我已经读过几篇类似的文章,如果我写错了,请纠正我,但是我认为这与引导绑定有关,并且我尝试使用手动引导,angular.bootstrap(document, ['Data']);但没有成功,仍然遇到相同的错误。

但是我想知道的是,为什么这可以在网上这么多示例中起作用,例如Egghead视频系列,但是我遇到了一些问题,因为我相信我非常关注他的视频。最新版本中角度的变化吗?


问题答案:

您必须将脚本标记放在引用Angular的标记之后。将其移出head

<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="main.js"></script>

现在的设置方式是,脚本在页面上加载Angular之前运行。



 类似资料:
  • 问题内容: 我试图添加一个自定义过滤器,但是如果使用以下代码: 但是,如果这样做,我会在Firebug中得到:“ ReferenceError:angular未定义”。 应用程序的其余部分工作正常,我在标签div中使用ng-app而不在html标签中使用ng- app,并且在https://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.

  • 问题内容: 我有以下几点: 当我在VS2014中构建它时,它给了我一条错误消息: 有人可以告诉我如何避免出现此消息吗? 问题答案: 解决此问题的一种方法是修改您的并将其设置为预定义变量之一,如Jayantha所说。 看起来像这样:

  • 我试图设置一个setTimeout,在一个开关内,在一个foreach内,在一个函数内… TypeError: undefined不是对象(计算“this。数据’) 我试过了 他们都得到未定义的错误。

  • 正如参考文献所说 打破指针别名规则。 这真的很模糊 我想知道

  • 问题内容: 我只是通过例子去一个角和的OpenLayers指令 HERE 和整个下面的例子来: 该示例可以在 此处 视为实时示例。 我的问题是关于正在加载的文件,我不太明白为什么要加载以下脚本: 上面脚本的目的是什么? 编辑:: 我的角度发现了混帐回购协议和文档这里该模块 的位置 。,但我仍然不了解该脚本的用途,文档甚至没有一个示例。 我已经在jQuery中进行了相当多的编码,因此有人可以用jQu

  • 我有以下html: 我试图获得如下范围: 但我收到:。 我是angularJS初学者,我只是不明白为什么这不起作用。 更新:这也不起作用: 更新2:我试图在控制台中打印出作用域的所有代码: