2016-11-18 49 views
1

我想使用的角度需要,我创建了一个示例应用learning.My代码文件看起来像这样

的index.html

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>RequireJs Demo</title> 
 

 
    <script src="require.js" data-main="main.js"></script> 
 
</head> 
 
<body ng-controller="myController"> 
 
{{message}} 
 
</body> 
 
</html>

main.js

require.config({ 
 
    paths: { 
 
     angular: 'angular.min', 
 
     angularresourse:'angular-resource.min' 
 
    }, 
 
    
 
    shim: { 
 
     angularresourse:['angular'], 
 
     "angular": { 
 
      exports: "angular" 
 
     } 
 
    } 
 
}); 
 
require(['angular', 'module'], 
 
    function() { 
 
     angular.bootstrap(document, ['app']); 
 
    } 
 
);

module.js

define(['angular', 'controller'], function (angular,controller) { 
 
    angular.module('app',[]) 
 
     .controller('myController', controller); 
 
});

controller.js

define([], function() { 
 
    var myController = function ($scope) { 
 
     $scope.message = "RequireJs Integrated successfully"; 
 
    }; 
 

 
    myController.$inject = ['$scope']; 
 

 
    return myController; 
 
});

但在执行这表明误差

"angular.min.js:6 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.8/ $injector/modulerr?p0=app&p1=Error%3A%20%…ttp%3A%2F%2Flocalhost%3A8383%2FAngular_Require%2Fangular.min.js%3A20%3A390)"

有人能帮助我,请...

回答

0

在HTML中使用ng-app="app"这样

<html lang="en" ng-app="app"> 
    <head> 
     <meta charset="UTF-8"> 
     <title>RequireJs Demo</title> 

     <script src="require.js" data-main="main.js"></script> 
    </head> 
    <body ng-controller="myController"> 
    {{message}} 
    </body> 
</html> 

在代码中添加JS文件。

+0

我补充说,但错误仍然抛出 –

+0

添加相关的js文件在您的html页面。 –

+0

我不想包括所有我的js文件在索引,html.To避免我以下require.js..This代码工作,并在“codeproject”中找到一些教程,但不工作时,我复制相同 –

相关问题