angular-components 相关问题

我想捕获ViewChild渲染组件的输出。触发ngIf后显示的ViewChild的内容。这是我模板的代码： ] >>> 由于在代码中创建了组件，因此无法在模板中添加事件处理程序，而在创建组件时也必须将其添加到组件代码中。例如，您可以更改渲染组件方法以添加订阅。 renderComponent() { const componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.dialogContent.component); this.dialogHost.clear(); const componentRef = this.dialogHost.createComponent(componentFactory); (componentRef.instance as DialogContentInterface).data = this.dialogContent.data; (componentRef.instance as DialogContentInterface).saveModel.subscribe((model) => this.setModel(model)); } 我希望我正确地理解了您的模型，并且您在此处创建的组件是具有output属性的组件。请确保还取消订阅动态组件何时被销毁，以免由于剩余的订阅而导致内存泄漏。

angular typescript angular-components eventemitter angular-event-emitter

回答 1 投票 0

显示标题字符串/ templateRef Angular

我试图改善代码而不是附加条件，所以我决定创建一个指令或可能的话，它可以帮助我根据选项卡的类型（字符串...

angular angular-directive angular-components angular-pipe angular-renderer2

回答 2 投票 2

角8和分配变量

在product.html中，我有以下代码： {{{product.title}} {{product.categories [0]}} {{product.description}} 我通过...得到产品。

javascript angular angular-components angular-input

回答 3 投票 -1

组件如何获得另一个组件作为输入？

我可以将字符串或数字设置为组件的输入：@Input（'name'）name：string;并在HTML文件中使用它： {{{name}} ，但我想设置一个组件而不是字符串，...

html angular typescript angular-components

回答 1 投票 2

应对更改纯演示文稿组件中的故障

我有一个显示实体类型的纯组件。该组件允许用户进行交互并对实体进行更改，但是这些更改可能会被服务器拒绝。在这种情况下，我...

angular angular-components

回答 1 投票 0

Angular：在包装器中呈现子组件

我有一个名为SectionedPageComponent的组件。它期望一堆SectionComponents。节的组成部分具有标题，并且具有内容，例如： [] []

angular angular-components

回答 1 投票 0

Angular订阅EventEmitter但获取现有项目

我正在尝试构建一个通知组件。为此，我需要通过服务将通知发送到NotificationComponent。我这样做的方法是使用...

angular observable angular-services angular-components eventemitter

回答 1 投票 1

使用ngModel指令以角度形式获取所有值

我正在尝试使用ngModel提取所有形式的值，但有些方法是我仅获取第一个文本框值。单击按钮后未获取文本框值。例如：stackblitz ...

angular angular-ngmodel angular-components angular-forms angularjs-ng-form

回答 1 投票 0

如何用附加CSS扩展Angular组件而不污染全局CSS？

假设我在我的应用程序中使用https://github.com/angular/components中的MatButton，但我想在整个应用程序中覆盖其某些样式。假设这些样式覆盖很漂亮...

angular angular-material angular-components

回答 1 投票 0

没有获得从组件中以角度形式动态添加的值

我正在尝试单击保存按钮来获取动态添加的组件的值。这是获取动态添加的组件值ts：postData：any [] = []; finalObject; saveData（form：NgForm）{...

javascript angular angular-components angular-forms angular-dynamic-components

回答 1 投票 0

Angular：检查子组件时，我看不到所有方法，只有@Input和@Output

在我的Angular应用程序中，我有一个名为Component1的组件，其选择器为component-1，它的模板包含其自身的嵌套实例： ] [ ] >> 我真的不明白你为什么要这么做。通常，有必要从子级调用父方法，例如关闭模式等。但是请查看此链接https://stackoverflow.com/a/38974968/7393630。它可能会帮助您想要做的事情。我建议不要尝试在父级中调用子级方法。考虑重新考虑应用程序的体系结构和数据流。您可能希望它与此相反，使用事件发射器从子级调用父级中的方法来进行通信https://angular.io/guide/component-interaction#parent-listens-for-child-event。父组件： export class ParentComponent implements OnInit { ..... onExecute() { // Execute some code } } 子组件 @Component({ selector: 'child-component', templateUrl: './child-component.component.html', styleUrls: ['./child-component.component.scss'] }) export class ChildComponent implements OnInit { @Output() execute = new EventEmitter(); ..... someMethod() { this.execute.emit(); // you can send any variable to parent } } 当触发this.execute.emit();时，将调用父元素（onExecute）中的处理程序。这里是一个堆叠闪电战demo 您是否尝试过在子组件中使用公共方法。 export class HelloComponent { @Input() name: string; public method1() { console.log('yes It iss called'); } } https://stackblitz.com/edit/angular-i55bbe

angular angular-components viewchild

回答 3 投票 1

angular-components 相关问题

最新问题