javascript - 使用 angular-fullstack 结构

Question

我已经安装了 angular fullstack 并且需要遵循相同的组件结构。

angular-fullstack

我没有收到任何错误，但也没有呈现 HTML。

呈现的 html 将在应用程序加载后立即呈现，即在“/”处呈现，那么我在哪里设置状态呢？我有一个 Controller 文件、一个 html 和一个 javascript 文件。

music.js 看起来像这样:

'use strict';

angular.module('Todo')
    .config(function($stateProvider) {
        $stateProvider
            .state('music', {
                url: '/',
                templateUrl: 'app/music/music.html',
                controller: 'MusicCtrl'
            });
    });

因为我在 URL 中有“/”，所以我认为 music.html 会加载到那里。但确实如此。它给出了一个空白页。

在他们提供的默认结构中，他们有一个加载到此 URL 的文件。我已经注释掉了那部分，不过应该可以继续了。

我是否应该在其他任何地方进行更改以使其呈现？我相信我已经准备好代码并且没有错误，因为它使用了快速目录结构。

我可以得到一些关于使用由 yeoman 生成的 angular-fullstack 的指示吗？

我还需要做什么才能在给定的 url 上呈现它？

Answer 1

使用 generator-angular-fullstack 你不需要手动添加路由。你可以使用

yo angular-fullstack:route myroute

为您生成文件。系统会要求您指定生成文件的目录和 url 路由。

在你的情况下，为后者回答“/”，然后删除/client/app 中的“main”文件夹。路由“/”现在将指向您刚刚生成的样板文件。

然后您可以将 HTML 的内容复制到您命名的子目录中新生成的 HTML 文件中。