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

Question

@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 组件上注入此按钮？

Answer 1

如果我理解你的话have/want.. 你可以这样调用：

<app-test-base></app-test-base>

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

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

Show elements from base component in derived component Angular 4/5

html

angular

angular-components

angular4-forms