matInput指令在延迟加载的模块中不起作用
matInput指令是Angular Material库中的一个指令，用于创建可输入的表单字段。它通常与mat-form-field指令一起使用，以提供更好的用户体验和样式。
在延迟加载的模块中，matInput指令可能不起作用的原因可能是由于以下几个方面：
- 依赖未正确加载：延迟加载的模块可能依赖于其他模块或库，如果这些依赖未正确加载或初始化，matInput指令可能无法正常工作。解决方法是确保所有依赖项正确加载，并在使用matInput指令之前进行初始化。
- 模块加载顺序问题：Angular应用程序中，模块的加载顺序非常重要。如果延迟加载的模块在主模块之前加载，可能会导致matInput指令无法正常工作。解决方法是确保延迟加载的模块在主模块之后加载。
- 指令未正确引入：在使用matInput指令之前，需要确保已正确引入相关的Angular Material模块和指令。可以通过在模块文件中导入MatInputModule来解决此问题。
- 版本兼容性问题：如果使用的Angular Material版本与其他库或依赖项不兼容，可能会导致matInput指令无法正常工作。解决方法是确保使用的Angular Material版本与其他库或依赖项兼容，并且更新到最新版本。
总结起来，要解决matInput指令在延迟加载的模块中不起作用的问题，需要确保正确加载依赖项、正确引入相关模块和指令、正确的模块加载顺序，并确保版本兼容性。如果问题仍然存在，可以进一步检查错误日志或寻求相关技术支持。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（TBC）：https://cloud.tencent.com/product/tbc
相关·内容
我已经为延迟加载创建了一个模块，它在本质上是可以工作的，问题是由于某些原因，比如matInput不能工作。我的意思是，input没有得到它的华丽外观。MatInputModule会相应地导入到模块中： const routes = [];
浏览 16提问于2019-04-24得票数 1
回答已采纳
2回答
我无法使指令在延迟加载的模块中工作。我已经阅读了文档，我只是将指令添加到我的主模块的声明数组中。该指令在该模块中按预期工作，但在延迟加载的模块中不能工作。它甚至防止由于模板错误而打开延迟加载</e
浏览 2提问于2017-01-02得票数 13
回答已采纳
我已经了解到，我们可以在一个角2应用程序中延迟加载模块。但是，类似地，是否可以简单地加载组件(而不是将其封装在模块中)：
编辑如何在主模块和延迟加载模块之间共享组件、指令和服务等资源？
浏览 0提问于2016-12-27得票数 2
我使用的是角度为2/4的WebPack，使用的是延迟加载的模块。因此，这些模块和组件不包含在主.js文件中，代码驻留在WebPack生成的一个文件中：0.js、1.js等等。我的问题是，Chrome和VS代码都不能因为某种原因调试这些文件中的代码。当我将代码包含到主.js文件中时，调试工作正常。我能做些什么吗？
浏览 3提问于2017-09-11得票数 1
我正在尝试使用延迟加载我的一个模块。 BrowserModule已经加载。如果您需要从延迟加载的模块访问公共指令(如NgIf和NgFor )，请导入CommonModule。错误: BrowserModule已经加载。如果需要从延迟加载的模块访问公共指令(
浏览 4提问于2019-11-24得票数 0
2回答
我想在多个模块中重用一个指令。我不能在Parent模块中声明指令，因为所有子模块都是通过延迟加载加载的。如果在两个子模块中声明相同的指令，则会得到一个错误：
错误错误:未知(承诺)：错误:类型AddDirective是两个模块声明的一部分: SharedModule和GdprModule！您
浏览 2提问于2018-05-03得票数 2
我有一个主模块，用于创建名为“FormTest”的angular.module。在FormTest模块中，我有一个名为“ji-Text”的指令。我有延迟加载，继续将指令和视图加载到.js文件中(不太重要)。问题是，在我的指令中，"app“没有被识别。但我不知道为什么，因为它在同一个模块</em
浏览 2提问于2015-07-31得票数 1
回答已采纳
我正在尝试跟踪角度文档，以便我只有一个特定模块的实例。特别是和部分。以上链接底部的演示只适用于在AppModule中导入一次AppModule，其中惰性加载的HeroesModule和HeroComponent可以引用在CoreModule中声明的UserService当尝试使用从"CoreModule“中声明和导出的组件时，我的问题就出现了。，并且只修改了app/hero&#x
浏览 2提问于2017-10-23得票数 1
回答已采纳
非常新的角度6。
我已经在AppModule中声明了一个指令，在appComponent模板中，如果我应用该指令，它就能工作，在app组件中有一个路由器出口，其中一个延迟加载的模块从一开始就被加载。现在，如果我想在加载lazyloaded模块的任何组件模板中应用该指令，则不会
浏览 1提问于2018-06-27得票数 7
回答已采纳
我正在开发一个大型的angular应用程序。基本应用程序只包含登录表单和主菜单。我想实现2个插件/模块来扩展主应用程序的功能。如果我包含Plugin1，我会在菜单中看到一个新的项目，并且从它导航我可以看到所有Plugin1的视图。Plugin2和其他插件也是如此。还有一件事..插件的启用/禁用必须依赖于json中的配置。
浏览 24提问于2019-06-08得票数 0
1回答
在延迟使用加载一个简单指令时，我遇到了一个问题。守则是：(function () { angular.module("testApp", []).directive("sayHello", function}, template: '<p>Hello {{to}}&l
浏览 4提问于2014-12-18得票数 1
回答已采纳
2回答
我对懒惰的装载有疑问。使用Augury来检测我的路由器树结构。 }, ]]; ListService, MenuService bootstrap: [A
浏览 3提问于2020-03-04得票数 1
回答已采纳
请注意，"core“文件夹中包含的基本功能将始终存在于应用程序中。其他模块可以独立添加或删除。我知道还有另一种方法可以延迟加载Angular模块
浏览 2提问于2014-02-05得票数 8
1回答
但是，如果我在指令中使用相同的代码，而不是在组件中使用相同的代码，则不会引发订阅： selector: '[cdtSaving]'export class SavingDirective() { this.subscription.unsubscribe();}
ngOnInit被调用，订阅被创建，但订阅从未被调用，尽管它在组件中。它不应该以同样的
浏览 0提问于2018-04-06得票数 1
回答已采纳
我使用的是来自material.angular.io的资料CSS的角度6<input type="text" translate="placeholder" placeholder="newworld"><input type="text" matInputplaceholder="Username /
浏览 1提问于2018-10-20得票数 1
回答已采纳
我计划在Angular2中开发一个特性，为社区做出贡献。我想知道如何最好地将这个特性打包到一个模块(或多个模块)中。服务必须是全局的，因此它必须由用户导入核心模块-它不能在延迟加载的模块中导入。
可以在用户需要使用指令的地方导入该指令。要使其工作，我必须创建两个不同的模块:
浏览 5提问于2017-11-02得票数 1
回答已采纳
1回答
我知道有人问过我，但我找不到我的问题的答案。 我创建了一个包含1条指令、1个组件和1个服务的lib。 lib应该在页面上创建锚点。 用户将组件放入其app.component.html文件中。当用户想要一个锚点时，他必须使用指令。指令加载时通知服务，然后在navigationEnd上，服务通知组件(以显示锚点标签) 在非惰性加载的模块中使用指令时
浏览 12提问于2020-06-17得票数 0
3回答
这是我的密码： import { HttpClientModule } from '@angularSidebarComponent export class AppModule {}
错误: BrowserModule已经加载如果您需要从延迟加载的模块访问公共<em
浏览 0提问于2019-05-13得票数 11
回答已采纳
我有一个问题，关于灯塔的问题，在我的角度应用程序懒惰加载。基本上，我的应用程序包含了3大块应该懒散加载的功能。因此，当您打开特性A时，我希望应用程序不会加载特性B和C的脚本，反之亦然。但是，当我检查灯塔时，它会报告说，我可以在包含其他功能全部功能的其他JS文件上“删除未使用的JavaScript”。更糟糕的是，其中一个特性依赖于not的富文本编辑
浏览 0提问于2021-04-16得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
