如何找到Angular应用的某个directive是属于哪一个Angular module

Suppose I would like to use SAP Spartacus directive cxComponentWrapper in my custom Component，and error message is:

Can’t bind to ‘cxComponentWrapper’ since it isn’t a known property of ‘ng-container’.\n1.

This is caused by missing import. However, how can we know which module should be imported from where?

The tip is to check it out in SAP Spartacus source code. Suppose you have already cloned it from github: https://github.com/SAP/spartacus

search source code by keyword “cxComponentWrapper”, there should be plenty of hits, for example tab-paragraph-container.component.html:

I am using Visual Studio Code for Spartacus development, and installed the plugin Angular Language Service:

With this plugin, simply press Ctrl + mouse left click, to automatically navigate to implementation part of cxComponentWrapper directive, it’s here:

Here we can know cxComponentWrapper directive is exported via module : PageComponentDirective:

As a result, in my application module, just add PageComponentModule into app module’s imports section, and the error is gone:

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

如何找到Angular应用的某个directive是属于哪一个Angular module相关推荐

使用angular的好处_在项目中使用Angular的最大好处
使用angular的好处 by Irina Sidorenko 伊琳娜·西多连科(Irina Sidorenko) 在项目中使用Angular的最大好处 (The top benefits of us ...
angular搭建项目步骤_建立健康的Angular项目应采取的步骤
angular搭建项目步骤 by Ashish Gaikwad 通过Ashish Gaikwad 建立健康的Angular项目应采取的步骤 (Steps you should take to buil ...
angular发布代码有缓存_如何在Angular应用程序中执行请求？
全文共5358字,预计学习时长16分钟来源:Pexels 本文将讨论如何在Angular应用程序中执行请求. 1. 使用拦截器来装饰请求 2. HttpClient 与HttpBackend的对比 ...
Angular学习心得之directive——require选项的细节
2019独角兽企业重金招聘Python工程师标准>>> 谈require选项之前,应该先说说controller选项,controller选项允许指令对其他指令提供一个类似接口的功能 ...
关于调用 Angular 属性指令 attribute Directive 是否需要带中括号的问题
属性型指令,应用在宿主元素时不需要中括号: 效果如下图黄色高亮区域所示: 从外界传值给 Angular attribute Directive: 这里需要给 highlight Directive 创 ...
Angular里的structural directive的一个例子
在product-list.component.html里,编写如下代码: <h2>Jerry Products</h2><div *ngFor="let pr ...
Angular运行在java_在本地运行现有Angular项目
我是Angular的新手,我正在尝试在我的机器上运行Angular的现有项目 . 我做了很多测试并且跟着很多文章 . 但无法运行我的项目 . 我有这样的项目文件: 我在我的系统上安装了nodejs . ...
abp angular 和mvc_使用.net core ABP和Angular模板构建博客管理系统（实现自己的业务逻辑）...
返回目录之前写到使用.net core ABP 和Angular模板构建项目,创建后端服务.文章地址:http://www.jianshu.com/p/fde1ea20331f 创建完成后的api基 ...
使用Angular CLI创建一个Hello World级别的Angular应用
命令行ng new my-first-project, 会自动创建一个同名文件夹,stylesheet的实现,选择最简单的css即可. Angular CLI会在my-first-project文件夹 ...

如何找到Angular应用的某个directive是属于哪一个Angular module

如何找到Angular应用的某个directive是属于哪一个Angular module相关推荐

最新文章

热门文章