在组件中动态加载角度模板字符串

Question

我想像这样动态加载角度模板：

import { getHTMLTemplate } from './util';

@Component({
    selector: 'app-button',
    // templateUrl: './button.component.html',
    template: `
        <div>
            some div
        </div>
        ${getHTMLTemplate()}
    `,
    styleUrls: ['./button.component.less'],
})

getHTMLTemplate实现：

export function getHTMLTemplate(){
    return getTemplateWithSomeComplexLogic();
};

export function getTemplateWithSomeComplexLogic() {
    return '<app-something>dynamic template</app-something>';
}

这在ng serve上工作正常，但在ng build上失败。
它引发以下错误：

  Error during template compile of 'getHTMLTemplate'
  Function calls are not supported in decorators but 'getTemplateWithSomeComplexLogic' was called.

Answer 1

尝试将功能附加到组件

getHTMLTemplate = getHTMLTemplate;

要么

getHTMLTemplate = () => getHTMLTemplate();

要么

getHTMLTemplate() {
  return getHTMLTemplate();
}

要么

useADifferentFunctionName() {
  return getHTMLTemplate();
}