Javascript 使用Angular 1.x和require（）语法通过控制器将模板注入组件

我在es6和webpack中使用angular 1.x，遵循以下教程：

作者通过

template:require（'./home.html'）

需要模板

我想通过此方法通过控制器将模板注入组件，但它不起作用：

export default class MyController {
    constructor() {
        this.templateUrl = require('./templates/foo.html');
    }
}

export const myComponent = {
    bindings: {
        templateUrl: '<'
    },
    template: '{{$ctrl.templateUrl}}'
}

---

中的结果找不到模块“{{$ctrl.panelUrl}”

它应该是

模板：require（'./templates/foo.html'）

<代码>模板：“{$ctrl.templateUrl}}”效率很低，也没有意义。想法是将组件作为html文章的通用包装器。关于这方面的最佳实践有什么建议吗？这个问题似乎澄清了这一点

export default class MyController {
    constructor() {
        this.templateUrl = './templates/foo.html';
    }
}

export const myComponent = {
    bindings: {
        templateUrl: '<'
    },
    template: require('{{$ctrl.templateUrl}}')
}