Question

我如何使用如下：此处{{x-value}}的内容<test>指的是test.html的JS类。如何使它引用组件类。

的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值”属性，使用插值到测试组件的输入内容中。

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

1 个答案: