如何将 ng-content 的 angular 代码渲染到组件端？

Question

我该如何使用如下：这里<test>内容中的{{x-value}}指的是test.html的JSclass。如何让它引用组件 class.

test.html

<test x-value="abc">
<b>{{x-value}}</b>
</test>

测试-com.js

@Component({
    selector : 'test',
  template : '<ng-content></ng-content>',
  directives : [IONIC_DIRECTIVES],
  providers : [],
  inputs : ['value : x-value'],
});
export class Test{
   constructor() {

   }
   ...

}

Answer 1

实际上你的表达式是针对当前组件执行的。我的意思是您使用测试组件的组件。

如果您想从测试组件中获取价值，您可以试试这个：

<test #test x-value="abc">
  <b>{{test['x-value']}}</b>
</test>

使用局部变量（用# 定义），您可以获得测试组件本身的引用。然后，您可以使用它来显示其 "x-value" 属性使用插值到测试组件的输入内容中。

如何将 ng-content 的 angular 代码渲染到组件端？

How to render angular code of ng-content to component side?

javascript

ionic2

angular