javascript - Angular 1.6。组件模板Url

Question

我正在使用基于 ES6、Webpack 和 AngularJS 组件的架构来尝试制作入门样板。我有我的应用程序目录，里面有一个 index.js，我可以在其中导出应用程序模块:

import { AppComponent } from './ng/app.component.js';

export default angular
    .module('appModule',[])
    .component('app', AppComponent)

以及其他两个目录 ng用于 js 文件和 templates用于 html。

内部app.component.js我想像这样包含 .html 文件:

export const AppComponent = {
    templateUrl: '../templates/app.html',
    controller: class AppController {
        constructor() {
            this.title = "App Page";
        }
    }
}

使用此方法我得到以下错误:

GET http://localhost:8080/templates/app.html 404 (Not Found)

但是当我输入文件的完整路径时 src/app/templates/app.html或 template: require('../templates/app.html')它按预期工作。

有什么方法可以让 templateUrl无需键入要求它的完整路径即可工作？

Answer 1

要访问没有读取完整路径的页面，您需要创建路由。

AngularJs 1.x https://www.w3schools.com/angular/angular_routing.asp

Angular 2 或更高 https://angular.io/tutorial/toh-pt5