Angularjs 角材料&x2B；RequireJS不在一起工作_Angularjs_Requirejs

Angularjs 角材料&x2B；RequireJS不在一起工作

angularjs requirejs

Angularjs 角材料&x2B；RequireJS不在一起工作,angularjs,requirejs,Angularjs,Requirejs,有人能帮我吗。我试图在requirejs中使用棱角材质。但它不起作用。以下是我使用的代码： index.html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link href="bower_components/angular-material/angular-mat

有人能帮我吗。我试图在requirejs中使用棱角材质。但它不起作用。以下是我使用的代码：

index.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <link href="bower_components/angular-material/angular-material.css" rel="stylesheet" />
    </head>
    <body ng-app="StarterApp" ng-controller="AppCtrl">
        <md-select placeholder="Pick" ng-model="someVal">
            <md-option value="1">One</md-option>
            <md-option value="2">Two</md-option>
        </md-select>        
    </body>
    <script data-main="main" src="require.js"></script>
</html>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="bower_components/angular-material/angular-material.css" rel="stylesheet" />
</head>
<body ng-controller="AppCtrl">
    <md-select placeholder="Pick" ng-model="someVal">
        <md-option value="1">One</md-option>
        <md-option value="2">Two</md-option>
    </md-select>        
</body>
<script data-main="main" src="require.js"></script>
</html>

app.js

require.config({
    baseUrl: "",
    paths: {
        'app': 'app',
        'angular': 'bower_components/angular/angular',
        'ngAnimate': 'bower_components/angular-animate/angular-animate.min',
        'ngAria': 'bower_components/angular-aria/angular-aria.min',
        'ngMaterial': 'bower_components/angular-material/angular-material.min'
    },
    shim: {
        'ngAnimate': ['angular'],
        'ngAria': ['angular'],
        'ngMaterial': {
             deps: ['ngAnimate', 'ngAria']
         }
    },
    deps: ['app']
});

"use strict";

define(['angular', 'ngMaterial'], function () {
    var app = angular.module('StarterApp', ['ngMaterial']);

    app.controller('AppCtrl', ['$scope', function ($scope) {
    }]);
});

"use strict";

 define(['angular', 'ngMaterial'], function () {
    var app = angular.module('StarterApp', ['ngMaterial']);

    app.controller('AppCtrl', ['$scope', function ($scope) {
    }]);

    angular.bootstrap(document.getElementsByTagName("body")[0], ['StarterApp']);
    return app;
});

一个类似的问题已经出现了，我随后使用了hammerjs代理，但我仍然得到了相同的错误：(

我在网站上找到了答案

index.html中的更改

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link href="bower_components/angular-material/angular-material.css" rel="stylesheet" /> </head> <body ng-app="StarterApp" ng-controller="AppCtrl"> <md-select placeholder="Pick" ng-model="someVal"> <md-option value="1">One</md-option> <md-option value="2">Two</md-option> </md-select> </body> <script data-main="main" src="require.js"></script> </html>

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link href="bower_components/angular-material/angular-material.css" rel="stylesheet" /> </head> <body ng-controller="AppCtrl"> <md-select placeholder="Pick" ng-model="someVal"> <md-option value="1">One</md-option> <md-option value="2">Two</md-option> </md-select> </body> <script data-main="main" src="require.js"></script> </html>