Question

由于我是打字稿中的新手，我无法回答如何调用我的角度组件＆＃34; summaryReport＆＃34;点击按钮，这是我的演示代码。我说我有一个按钮，在openPdf（）上调用我的组件，单击，

<md-button ng-click="$ctrl.openPdf()">Summary Report</md-button>

My Component code is,

namespace mitchell.audit.estimate {
export class SummaryReportComponent {
    static ngComponentName = 'summaryReport';
}
angular.module(ngModuleName)
    .component(SummaryReportComponent.ngComponentName, {
        bindings: {
            estimateId: '@',
        },
        templateUrl: 'src/app/estimate/pdfReport/pdfSummary-report.component.html',
        controller: PdfSummaryReportController
    });

} 我想调用我的组件模板，

<summary-report flex layout="column" estimate-id="$ctrl.estimateId" style="display:none;"></summary-report>

我还尝试通过放置＆＃34;＆＃34;来调用此组件模板。在HTML文件中，将在按钮单击时加载，但这也无法正常工作。请帮我找出按钮点击时单击组件模板的正确方法或解决方案。谢谢Manisha

Answer 1

您可以使用$ compile加载组件

如何在按钮点击

1 个答案: