Question

我正在尝试在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 ，其中我的角应用将
创建资产/管理/ 应用文件夹
已添加到copy.js：

grunt.config.set（'copy'，{ dev：{ 档案：[{ 展开：true， cwd：'。/ assets'， src：[' / '， '！的 / 的.coffee'， '！ / 的.ts'， '！的 / 的.LESS' ] dest：'。tmp / public' }] }，构建：{ 档案：[{ 展开：true， cwd：'。tmp / public'， src：[' / ']， dest：'www' }] }， angular_node_deps：{ 档案：[{ 展开：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' }] } }）;

我现在该怎么办才能让它正常运行...我一整天都在尝试这项工作，所以我不想立即发布我的代码，只是按照你的指示，因为我做了很多改动在我的代码中，我不理解它。

Answer 1

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

我所做的只是使用AngularCLI生成一个新项目，然后在现有应用程序中嵌入捆绑的* .js文件（由ng build命令生成的文件）和根html模板，以及它开箱即用。

风帆应用程序配置中的Angular2

1 个答案: