在派生组件Angular 4/5中显示基本组件中的元素

时间:2018-03-21 00:39:45

标签: html angular angular-components angular4-forms

@Component({
  selector: 'app-test-base',
  templateUrl: '<button (click)="someMethod()">Button on Base Component</button>>',
  styleUrls: ['./test-base.component.css']
})

@Component({
  selector: 'app-derived',
  templateUrl: './derived.component.html',
  styleUrls: ['./derived.component.css']
})

export class derivedComponent extends baseComponent implements OnInit {...}

是否可以在派生的HTML组件上注入此按钮?

1 个答案:

答案 0 :(得分:0)

如果我明白你有什么/想要什么.. 你可以这样打电话:

<app-test-base></app-test-base>
在derived.component.html页面上

,您的基于app-test的组件将在您的派生组件上启动。请注意,someMethod方法应该在app-test-base和所有其他逻辑上声明,以便与该页面进行交互。您还可以传递输入并从这种行为中接收输出..但这是另一个故事:3 < / p>