我试图在sails应用程序中正确创建一个angular2应用程序 .
我希望AngularApp在/ management url下运行
我做了什么:
- 创建ManagementController.js:
module.exports = {
index: function (req, res) {
res.locals.layout = 'layouts/angular';
return res.view('angular/angular-start.ejs');
}
};
- 在views / layouts / angular.ejs下创建了一个角度布局:
<!DOCTYPE html>
<html>
<head>
<title>Reloyalty Administration Dashboard</title>
<!-- Viewport mobile tag for sensible mobile support -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" href="/favicon.ico">
<!-- Common Scripts-->
<script src="/common/js/jquery-1.11.3.min.js"></script>
<!--SCRIPTS-->
<!--SCRIPTS END-->
<script>
// SystemJS
// config goes here
</script>
<!-- end AngularJS 2-->
</head>
<body>
<%- body %>
</body>
</html>
- 在views / angular / angular-start.ejs下创建了一个视图
载入中...
-
创建了一个文件夹 assets/management ,我的角应用程序将在其中
-
创建了assets / management / app 文件夹
-
已添加到copy.js:
grunt.config.set('copy',{开发:{文件:[{扩大:真,CWD:'./assets',SRC:[” /', '! /.coffee ', ' /.ts', '! /.less ' ], dest: '的.tmp /公共' }] }, build: { files: [{ expand: true, cwd: '的.tmp /公共', src: [' **/'], dest: 'www' }] }, angular_node_deps: { files: [{ expand: true, cwd:'.', src: [ './node_modules/es6-shim/es6-shim.min.js', './node_modules/systemjs/dist/system-polyfills.js', './node_modules/systemjs/dist/system.src.js', './node_modules/zone.js/dist/zone.js', './node_modules/reflect-metadata/Reflect.js', './node_modules/rxjs/** /.js ', ' ./node_modules/@angular/core/bundles/core.umd.js ', ' ./node_modules/@angular/compiler/bundles/compiler.umd.js ', ' ./node_modules/@angular/common/bundles/common .umd.js ', ' ./node_modules/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js ', ' ./node_modules/@angular/platform-browser/bundles/platform-browser.umd.js ' ], dest: ' .tmp / public / js'}]}});
我现在该怎么办才能让它正常运行...我一直在努力做这项工作,所以我不想立即发布我的代码,只是按照你的指示,因为我在代码中做了很多改动我不明白 .
1 回答
我不太确定你在做什么,但我最近成功地将一个简单的Angular应用程序嵌入到现有应用程序中 .
我做了什么简单地生成使用AngularCLI一个新的项目,然后嵌入捆绑* .js文件(由ng build命令生成的那些)和现有的内部应用程序的根HTML模板,和它的工作开箱 .