Javascript 如何向组件端呈现ng内容的角度代码？

我如何使用下面这样的功能： 这里

内容中的

{{x-value}}

指的是

test.html

的JS类。 如何使其引用组件类

test.html

{{x-value}}

测试com.js

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

   }
   ...

}

@组件({
选择器：“测试”，
模板：“”，
指令：[离子_指令]，
提供者：[]，
输入：['value:x-value']，
});
导出类测试{
构造函数（）{
}
...
}

事实上，您的表达式是针对当前组件执行的。我指的是使用测试组件的组件

如果您想从测试组件获取值，可以尝试以下方法：

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

{{test['x-value']}

---

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

这种方法有什么问题？{{x-value}}//此处x-value不打印abc（我想在这里打印abc，但

x-value

指的是

testcmp

的输入属性。因此它将在

testcmp

模板中可用。是的。这就是问题。当我将ng内容放入组件的模板中时，ng内容的内容必须指的是testcmp输入属性。是否有其他方法可以做到这一点？请我有一些提示！！！谢谢