角度未定义（匿名函数）@ md-data-table.min.js:1

【问题标题】：angular is not defined(anonymous function) @ md-data-table.min.js:1角度未定义（匿名函数）@ md-data-table.min.js:1
【发布时间】：2016-03-26 22:14:20
【问题描述】：

这是我的html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>AngularJS material-sidenav Plunker</title>
    <!-- style sheet -->
    <link href="bower_components/angular-material-data-table/dist/md-data-table.min.css" rel="stylesheet" type="text/css"/>
    <!-- module -->

        module -->
   <!--   <link href="/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/dist/md-data-table.min.css" rel="stylesheet" type="text/css"/>
module -->
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-aria/angular-aria.js"></script>
<script src="bower_components/angular-material/angular-material.js"></script>
<script type="text/javascript" src="index3.js" ></script>
<script type="text/javascript" src="/InternetMovieDatabase/src/main/resources/static/bower_components/angular-aria/angular-aria.min.js"></script>
<script type="text/javascript" src="/InternetMovieDatabase/src/main/resources/static/bower_components/angular-aria/angular-aria.js"></script>

<script type="text/javascript" src="/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/dist/md-data-table.min.css"></script>
<script type="text/javascript" src="/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/dist/md-data-table.css"></script>
<script type="text/javascript" src="/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/dist/md-data-table.min.js"></script>
<script type="text/javascript" src="/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/dist/md-data-table-style.css"></script>
<script type="text/javascript" src="/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/dist/md-data-table.js"></script>


</head>

<body >

<div ng-app="exampleApp" ng-controller="ExampleController" layout-margin>
    <mdt-table>
        <mdt-header-row>
            <mdt-column align-rule="left">Dessert (100g serving)</mdt-column>
            <mdt-column align-rule="right">Calories</mdt-column>
            <mdt-column align-rule="right">Fat (g)</mdt-column>
            <mdt-column align-rule="right">Carbs (g)</mdt-column>
            <mdt-column align-rule="right">Protein (g)</mdt-column>
            <mdt-column align-rule="right">Sodium (mg)</mdt-column>
            <mdt-column align-rule="right">Calcium (%)</mdt-column>
            <mdt-column align-rule="right">Iron (%)</mdt-column>
        </mdt-header-row>
        <mdt-row ng-repeat="nutrition in nutritionList">
            <mdt-cell>{{nutrition.name}}</mdt-cell>
            <mdt-cell>{{nutrition.calories}}</mdt-cell>
            <mdt-cell>{{nutrition.fat}}</mdt-cell>
            <mdt-cell>{{nutrition.carbs}}</mdt-cell>
            <mdt-cell>{{nutrition.protein}}</mdt-cell>
            <mdt-cell>{{nutrition.sodium}}</mdt-cell>
            <mdt-cell>{{nutrition.calcium}}</mdt-cell>
            <mdt-cell>{{nutrition.iron}}</mdt-cell>
        </mdt-row>
    </mdt-table>
</div>
</body>

</html>

这是 index3.js

(function(){
    'use strict';

    angular.module('exampleApp', ['ngMaterial', 'mdDataTable']);
    angular.module('exampleApp').controller('ExampleController', function($scope, $mdToast){

        $scope.nutritionList = [
            {
                id: 601,
                name: 'Frozen joghurt',
                calories: 159,
                fat: 6.0,
                carbs: 24,
                protein: 4.0,
                sodium: 87,
                calcium: '14%',
                iron: '1%'
            },
            {
                id: 602,
                name: 'Ice cream sandwitch',
                calories: 237,
                fat: 9.0,
                carbs: 37,
                protein: 4.3,
                sodium: 129,
                calcium: '84%',
                iron: '1%'
            },
            {
                id: 603,
                name: 'Eclair',
                calories: 262,
                fat: 16.0,
                carbs: 24,
                protein: 6.0,
                sodium: 337,
                calcium: '6%',
                iron: '7%'
            },
            {
                id: 604,
                name: 'Cupkake',
                calories: 305,
                fat: 3.7,
                carbs: 67,
                protein: 4.3,
                sodium: 413,
                calcium: '3%',
                iron: '8%'
            },
            {
                id: 605,
                name: 'Gingerbread',
                calories: 356,
                fat: 16.0,
                carbs: 49,
                protein: 2.9,
                sodium: 327,
                calcium: '7%',
                iron: '16%'
            },
            {
                id: 606,
                name: 'Jelly bean',
                calories: 375,
                fat: 0.0,
                carbs: 94,
                protein: 0.0,
                sodium: 50,
                calcium: '0%',
                iron: '0%'
            },
            {
                id: 607,
                name: 'Lollipop',
                calories: 392,
                fat: 0.2,
                carbs: 98,
                protein: 0,
                sodium: 38,
                calcium: '0%',
                iron: '2%'
            },
            {
                id: 608,
                name: 'Honeycomb',
                calories: 408,
                fat: 3.2,
                carbs: 87,
                protein: 6.5,
                sodium: 562,
                calcium: '0%',
                iron: '45%'
            },
            {
                id: 609,
                name: 'Donut',
                calories: 452,
                fat: 25.0,
                carbs: 51,
                protein: 4.9,
                sodium: 326,
                calcium: '2%',
                iron: '22%'
            },
            {
                id: 610,
                name: 'KitKat',
                calories: 518,
                fat: 26.0,
                carbs: 65,
                protein: 7,
                sodium: 54,
                calcium: '12%',
                iron: '6%'
            }
        ];
    });
}());

但我得到了这些错误：

        angular.js:29659 WARNING: Tried to load angular more than once.
md-data-table.min.css:1 Uncaught SyntaxError: Unexpected token {
md-data-table.css:1 Uncaught SyntaxError: Unexpected token {
md-data-table-style.css:2 Uncaught SyntaxError: Unexpected token {
angular.js:38 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.8/$injector/modulerr?p0=exampleApp&p1=Error…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js%3A19%3A463)

其他都是librarybower组件。

那么，我做错了什么？我只想看一个简单的表格。但我有错误。这些是它下载的库，为什么会出错？

我有很多库，但我没有全部使用。 /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-animate /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-aria /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-aria/.bower.json /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-aria/angular-aria.js /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-aria/angular-aria.min.js /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-aria/angular-aria.min.js.map /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-aria/bower.json /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-aria/index.js /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-aria/package.json /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-aria/README.md /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/demos /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/modules /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/.bower.json /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/.gitignore /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/angular-material.css /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/angular-material.js /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/angular-material.layouts.css /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/angular-material.layouts.min.css /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/angular-material.min.css /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/angular-material.min.js /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/angular-material.scss /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/angular-material-mocks.js /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/bower.json /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/CHANGELOG.md /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/index.js /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/LICENSE /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/package.json /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material/README.md /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/dist /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/dist/md-data-table.css /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/dist/md-data-table.js /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/dist/md-data-table.min.css /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/dist/md-data-table.min.js /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/dist/md-data-table-style.css /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/.bower.json /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/bower.json /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/CHANGELOG.md /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/index.js /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/LICENSE.md /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/package.json /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-data-table/README.md /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-material-icons /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-messages /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-mocks /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/angular-sanitize /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/jquery /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/lodash /home/caneraydin/IdeaProjects/InternetMovieDatabase/src/main/resources/static/bower_components/mdDataTable

【问题讨论】：

  • 你在哪里定义了angularjs？
  • 这里

标签： javascript angularjs angular-material


【解决方案1】：

尝试将 https:// 放在角度链接的前面

【讨论】：

  • still md-data-table.min.css:1 Uncaught SyntaxError: Unexpected token { md-data-table.css:1 Uncaught SyntaxError: Unexpected token { md-data-table-style.css :2 Uncaught SyntaxError: Unexpected token { angular.js:38Uncaught Error: [$injector:modulerr] errors.angularjs.org/1.4.8/$injector/…...ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js%3A19%3A463)
【解决方案2】：

我的猜测是注入导致您出现错误的原因之一...... 

angular.module('exampleApp', ['ngMaterial', 'mdDataTable']);
    angular.module('exampleApp').controller('ExampleController', function($scope, $mdToast){

可能是ngMaterial 库没有被添加，而你试图注入它...你能检查一下吗...

我没有看到有角材料... 

<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-aria/angular-aria.js"></script>
<script src="bower_components/angular-material/angular-material.js"></script>
<script src="app.js"></script>

做一个凉亭安装 angular-material --save 并且你应该有依赖关系，然后你可以添加会抛出错误的 angular-material。

【讨论】：

  • 我不知道如何添加它。我添加了 angular-aria.min.js 和 angular-aria.js 因为这取决于他们所说的。
  • 我已经有 angulararia 但添加了材料。但我不知道先放哪个，我先放 angular。我是否必须使用 src="bower_compo" 或 src="myprocect/src/etc" 因为它们一直在工作。我又遇到了错误。 angular.js:38 未捕获错误：[$injector:modulerr] errors.angularjs.org/1.4.8/$injector/……ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js%3A19%3A463)
  • @j.doe: 你能把你的完整 poc 分享给我吗...以便我可以在这里运行它并解决问题...
【解决方案3】：

您能否在存储库中提出这个问题？您可能会得到更快的答案修复！

http://iamisti.github.io/mdDataTable/

【讨论】：

    猜你喜欢
    • 1970-01-01
    • 2012-09-08
    • 2015-12-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode