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

时间:2018-12-20 11:40:38

标签: javascript html angular typescript

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

#include<stdio.h>
void main()
{
  char str[10];
  char str1[10];
  printf("Enter a string");
  scanf("%s",str);
  char *p;
  char *q;
  int len=0,i=0;
  p=&str;
  q=&str;

  while (*p!='\0')
  {
    len=len+1;
    p=p+1;
  }

  printf("%d",len);
  printf("\n");

  while (len>0)
  {
    str1[i]=*q;
    len=len-1;
  }

  printf("%s",str1);
}

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

1 个答案:

答案 0 :(得分:0)

尝试将功能附加到您的组件

getHTMLTemplate = getHTMLTemplate;

getHTMLTemplate = () => getHTMLTemplate();

getHTMLTemplate() {
  return getHTMLTemplate();
}

useADifferentFunctionName() {
  return getHTMLTemplate();
}