首页 文章

Angular2在sails应用程序配置中

提问于
浏览
0

我试图在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 回答

  • 0

    我不太确定你在做什么,但我最近成功地将一个简单的Angular应用程序嵌入到现有应用程序中 .

    我做了什么简单地生成使用AngularCLI一个新的项目,然后嵌入捆绑* .js文件(由ng build命令生成的那些)和现有的内部应用程序的根HTML模板,和它的工作开箱 .

相关问题