开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Angular 8/ Material :子窗体不显示错误

Angular 8/Material是一种流行的前端开发框架，用于构建现代化的Web应用程序。它基于TypeScript语言，并提供了丰富的组件和工具，使开发人员能够快速构建用户友好的界面。

在Angular 8/Material中，子窗体不显示错误可能有以下几个可能的原因和解决方法：

组件引入错误：首先，需要确保正确引入了子窗体组件。在Angular中，可以使用import语句将组件引入到父组件中。确保引入路径正确，并且组件名称拼写正确。
组件选择器错误：检查子窗体组件的选择器是否正确。在Angular中，组件的选择器用于在父组件的模板中标记出子组件的位置。确保选择器与父组件模板中的标记匹配。
组件渲染条件错误：检查子窗体组件是否有正确的渲染条件。可能是由于条件判断错误或数据绑定问题导致子窗体不显示。确保渲染条件正确，并且数据绑定正确。
样式问题：检查子窗体组件的样式是否正确设置。可能是由于样式冲突或覆盖导致子窗体不显示。确保样式设置正确，并且没有被其他样式覆盖。

如果以上方法都无法解决问题，可以尝试以下步骤：

清除缓存：有时候，浏览器缓存可能导致页面显示问题。尝试清除浏览器缓存并重新加载页面。
调试工具：使用浏览器的开发者工具进行调试。检查控制台是否有任何错误消息或警告。这些信息可能会提供有关问题的线索。
查阅文档和社区：查阅Angular 8/Material的官方文档和社区论坛，寻找类似问题的解决方案。这些资源通常提供了丰富的信息和示例代码，可以帮助解决问题。

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云人工智能：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙：https://cloud.tencent.com/product/tc3d

相关搜索:Angular 7& Angular Material -验证器未显示MinLength错误 Angular 8-子routerLink不工作 Angular 8和Material design导航栏-显示选定项目 Angular material 2 mat-提交论坛时，子窗体中未显示错误 Angular Material reactive表单:显示每个验证器的不同错误消息 Angular Material:提交父表单时，必填的mat-input字段不显示错误 Angular-Material:在窗体标签上显示工具提示 Angular8模板驱动的窗体引发错误:TypeError:无法读取未在Object.eval [as updateDirectives]定义的属性'ProviderName‘Drupal 8:上传新模块导致网站中断，网站不工作显示错误 Material-UI下拉菜单更新到angular 8后在IE11中导致错误

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Angular 6正式版发布，都有哪些新功能

ng add @angular/material：安装并设置 Angular Material 和主题，注册新的初始组件到ng generate中。...Angular Material + CDK 组件最值得一提的是用于显示分层数据的树形控件，遵循数据表组件的模式，CDK 包含树的核心指令，而 Angular Material 则提供与顶层的 Material...Angular还更新了徽章（badge）和底部菜单栏的组件，徽章用于显示小而有用的信息，例如未读信息的数量。...例如： ng generate @angular/material:material-table 想要了解更多的资料：Angular Material Schematics CLI Workspaces...每个主版本的支持时间是18个月，其中，前6个月是积极开发阶段，接下的 12 个月是错误修正和安全补丁阶段。

4.2K2 0

Angular 6的新特性介绍

通过ng add可以更加容易向项目中添加新功能（类似npm install ） Angular Material+CDK组件 angular6最大的补充是用于显示分层数据的新树组件。...遵循数据表组件的模式，CDK包含核心树指令，而Angular Material则提供与顶层的Material Design样式相同的体验 Material 运行命令，添加Material ng add...@angular/material ?...一旦添加Material之后，你就可以生成三个新的入门组件 Material Sidenav 运行命令： ng generate @angular/material:material-nav --name...每个主要版本将支持18个月，大约6个月的积极开发，接下来是12个月的关键错误修正和安全补丁。如何升级到6.0.0 按照引导对应用进行升级 ?

2.3K2 1

Angular Material 的设计之美

接下来我会从相对宏观的角度介绍 Angular Material 设计的一些亮点，并且简单介绍 Angular Material 的一些使用技巧。...顺便插一句，如果大家纠结用 Sass 还是 Less，可以看一下这篇文章 CSS 预处理器中的循环，个人不建议用 Less，请原谅我无意引战?。...我最开始认为将所有样式全部写到 mixin 中并不是很优雅的做法，但是在编写 ng-matero 暗黑主题的时候，我发现不这样做是不行的。以下是 Angular Material 主题定制的方法。..." class="mat-elevation-z8"> <!...总结文章篇幅有限，以我浅薄的资历还无法将 Angular Material 的设计之美剖析的面面俱到，但是如果大家通过这篇文章能够更好的了解 Angular Material 或者对 Angular

5K3 0

Ng-Matero v15 正式发布

另外，侧边栏菜单按钮使用语义化标签进行了优化，关于按钮的选择可以参考 Angular Material 在 Button 文档中的说明： Angular Material 使用原生的 ...基于 MDC 的 Angular Material 组件我觉得 v15 最大的变化不是 Angular，而是 Angular Material。...直接使用 ng update 升级的话，所有引用的组件都会自动改为 legacy 组件，所以并不会出现 break changes，但是 legacy 的组件都被标记为 deprecated（会显示中划线...说了这么多，其实 Flex-Layout 只是停止更新，v14 还是可以用的，只是会提示依赖错误。...Ng-Matero 从第一版发布至今已有三年半的时间，总共发布了 8 个大版本，但是很多功能依然没有时间和精力去完善。

5.4K4 0

AngularDart Material Design 输入顶

MaterialInputComponent Selector: material-input是单行或多行文本字段...请改用angular2 forms API disabled bool 是否禁用此输入（只读输入） displayBottomPanel bool 是否显示错误，提示文本和字符计数器面板...请改用angular2 forms API disabled bool 是否禁用此输入（只读输入） displayBottomPanel bool 是否显示错误，提示文本和字符计数器面板...如果没有输入文本，则必需的输入将在第一次失去焦点时显示验证错误。 requiredErrorMsg String 自定义错误消息，以显示何时需要该字段并显示空白。...过滤器不区分大小写。通过SelectionOptions实现的ObserveAware接口支持异步建议。弹出建议列表具有最大高度和自动溢出。一旦有用例，我们可以为自定义最大高度添加属性。

5.2K4 0

React vs Angular，到底那个更好用

Angular Universal：是一种用于服务器端渲染的技术，它能够快速地渲染出首个应用页面，或是在可能缺乏渲染资源的浏览器端设备（如移动设备）上显示应用。...⑤预构建的 UI 设计元素：Angular Material vs 社区支持的组件 Angular：随着材料设计（Material Design）语言在 Web 应用中流行，更多的工程师受益于其开箱即用的材料工具集...Angular 拥有预构建的材料设计组件。其 Angular Material 能够对表单控件、导航、布局、按钮、指示器、弹窗、模块、以及数据表，实现一系列常见的交互模型。...，LTS），还能专注于修复错误和积极改进。...根据同一份调查显示，有 45.6％的开发人员认为 Angular 是最糟糕的框架之一。

5.6K6 0

AngularDart 4.0 高级-结构指令顶

例如，元素需要子元素。您不能将选项封装在条件或中。...浏览器不会在中显示。模板来解决 Angular 是一个分组元素，不会干扰样式或布局，因为Angular不会将其放入DOM中。...满足Angular模板中的类似需求。编写一个结构指令在本节中，您将编写一个与NgIf相反的UnlessDirective结构指令。 NgIf在条件为true时显示模板内容。...[(ngModel)]="hero"> {{h.name}} None of the above NgSwitch <div

16K2 0

从头编写 asp.net core 2.0 web api 基础框架 (1)

我一直在关注asp.net core 和 angular 2/4, 并在用这对开发了一些比较小的项目....)500错误....然后改回到Develpment环境, 跑一下, 试试效果: Chrome显示了一个空白页, 按F12, 显示了404 Not Found错误....子资源 Child Resources 有时候, 两个model之间有主从关系, 会根据主model来查询子model....先改一下model: 添加一个Material作为Product子model.

2K7 0

使用Angular8和百度地图api开发《旅游清单》

前言：本文的目的是通过一步步实现一个旅游清单项目，让大家快速入门Angular8以及百度地图API。...我们将收获： Angular8基本用法，架构使用百度地图API实现自己的地图应用解决调用百度地图API时的跨域问题对localStorage进行基础封装，进行数据持久化 material...安装脚手架： npm install -g @angular/cli 复制代码创建工作空间和初始应用 ng new my-app 复制代码安装material UI npm install @angular.../material @angular/cdk @angular/animations 复制代码根据以上架构，建立对应目录文件启动服务 cd my-app ng serve --open 复制代码这里...未完善的部分：添加清单时，如果添了不符合规范的地址或者百度地图查不到的地址，因该出现错误提示，这块会在后期优化。

6K3 0

Ng-Matero 0.1 发布了！

距离 Ng-Matero 发布第一版已经过去了一个多月，然后很颓废地休息了半个月，最近项目的关注度好像明显提升了，所以如果项目不维护感觉对不起大家。作为一个工程项目最好的方式还是通过脚手架安装。...切记在新建 angular 项目的时候一定要选择 scss，因为没有做兼容处理，选择其它格式会有点问题，可以在 angular.json 中修改主样式入口。...这里说明一下，一旦发布正式版，则版本号会与 ng 对齐，可能是 8.x，也可能是 9.x，这要看项目开发的进度了，大家不要对版本号感到吃惊。...因为 ng-matero 是基于 material 组件库，所以可以第一时间更新 ng 的最新功能?。...另外主题系统还不够灵活，样式编写需要向 material 学习，增强定制性，优先选择 mixin 编写。我会在之后的文章中介绍 material 的一些设计亮点。

6421 0

AngularDart4.0 英雄之旅-教程-02启动应用

Angular 应用基础 Angular应用由组件组成，组件是由控制屏幕局部的一个html模板和组件类的组合，开始应用有一个显示简单字符串的组件组成。...selector属性告诉Angular在index.html中的用户自定义标签里面显示组件。..."utf-8"> <link rel="stylesheet...注意：dart_to_js_script_rewriter编译器（如果存在）必须在编译器列表中的<em>angular</em>之后。如果顺序<em>错误</em>，<em>angular</em>模板将不起作用。...下一步是什么在下一个教程页面中，您将修改起始应用程序以<em>显示</em>更有趣的数据，并允许用户编辑该数据。

1.8K2 0

编程星球——水·滴20180624期

-- Java 8 = JAX-B Version 2.2.8 --> javax.xml.bind</...链接：https://download.microsoft.com/download/5/8/9/58911986-D4AD-4695-BF63-F734CD4DF8F2/ws-commands.pdf...，常用的资源可以看官方网站：链接：Angular Docs https://angular.io/resources 还有对应的中文网站：链接：Angular Docs https://angular.cn...链接：PrimeNG https://www.primefaces.org/primeng 还有官方的Material2：链接：GitHub - angular/material2: Material...CLS-compliant 类型，意味着无符号类型，如：uint, ulong 等等都不可以； 5、关键字名称冲突，如xId，yId等，需通过[Key]注解注明； 6、奇葩的一个，你新建实体类，但是没有build也会造成这个错误

1.6K3 0

Angular 11正式发布：加入webpack 5，升级至TS 4.0，不再支持IE 9 和10

它们提供了健壮易读的 API 表面，可以帮助大家更好地测试 Angular Material 组件。...它为开发人员提供了一种在测试过程中使用受支持的 API 与 Angular Material 组件交互的方法。随着版本 11 的发布，我们为所有组件都加上了测试带！...有关这些 API 和其他新特性的更多细节和示例，请务必查看 Angular Material Test Harnesses 的文档： http://material.angular.io/cdk/test-harnesses...只需运行以下命令： ng serve --hmr 本地服务器启动后，控制台将显示一条消息，确认 HMR 处于活跃 5 状态： NOTICE: Hot Module Replacement (HMR) is...将来，webpack v5 会带来：持久磁盘缓存，以加快构建速度 cjs 摇树，减小包体积这一支持是实验性的，并且正在开发中，因此我们不建议你将其用于生产用途。想试用 webpack5 吗？

3.3K3 0

Angular 16 正式版发布

如上动图显示了 VSCode 中 Angular 语言服务的自动导入功能。四、改善开发者体验除了我们重点关注的大型计划外，我们还致力于引入备受要求的功能。...4.1 输入必填（Required inputs）自从我们在 2016 年引入 Angular 以来，如果不为特定输入指定值，就不可能出现编译时错误。...在 Angular v16 中，我们实现了一个跨越框架、Universal、CDK、Material 和 CLI 的新功能，该功能允许你为 Angular 内联的组件的样式指定 nonce 属性。...Design 团队密切合作，为 Angular Material 的 Web 提供了 Material 3 实现。...作为下一步，我们正在努力在今年晚些时候推出一个基于 expressive token-based 的主题化 API，该 API 支持 Angular Material 组件的更高定制。

2.5K1 0

【前端技术丨主题周】Angular 核心概念与框架演进

方便读者对Angular有个直观的全局认识。本文选自《揭秘Angular 》核心概念 Angular 框架有七大核心概念，它们是Angular 的重要组成部分。 ?...模板和数据绑定当使用组件标签时，可以通过template 或templateUrl 属性引入HTML 来描述让Angular 渲染显示的界面内容。...在此之上，还有不少其他的外部工具库，类似于： Angular Material，Google 官方的Material 设计风格的UI 组件库。...语言服务采用TypeScript 构建，支持IDE 中的代码补全、语法检查报错、定义跳转和方法提示等功能，从而显著提升了开发效率和编译运行前的错误发现。...除了上面提到的Material Design UI、Mobile Toolkit，还包括： Kendo UI、Onsen UI 2 等UI 库，提供了多样化的界面方案选择。

9K1 0

Angular vs React 最全面深入对比

如果在JSX标记中发生错误，编译器会立即报错而不是留待运行时出现莫名其妙的问题。这有助于开发人员快速排查错误以及避免其它愚蠢的错误，比如拼写错误。...它可以解析代码并检查常见的类型错误，如隐式转换或取消引用。与类似目的的TypeScript不同，它不需要开发人员迁移到新语言，并为你的代码注释类型检查工作。...Material design components 如果您热衷于设计Material，您会很高兴听到Angular有一个Material组件库。...Material UI 还有一个可用于React的Material Design Component。与Angular的版本相比，这个版本比较成熟，可以使用更广泛的组件。...它允许您快速设置单独的应用程序来显示您的组件。除此之外，它提供了许多附加组件来记录，开发，测试和设计您的组件。同样的，可以从Awesome React list了解更多的工具和类库。

3.8K7 0

Flutter vs React Native

8.Flutter 的社区支持 Flutter 文档足够让你开始进行应用程序开发了。...在开发和测试阶段建议使用检查模式，有助于捕捉代码中类型不匹配的错误。生产模式这是所有 Dart 程序的默认模式。它能让程序运行得更快。...大多数组件都符合 Material Design 的标准。 Flutter 内置的组件可以用来开发应用程序的界面。这些组件叫做窗体（widget）。...你可以浏览许多 Flutter 窗体的例子（https://flutter.io/widgets/）、Material Design 的例子（https://flutter.io/widgets/material...Flutter 能在 Android Jelly Bean 之后的版本和 iOS 8 之后的版本上运行。

2K4 0

Angular8稳定版修改概述

Ivy渲染引擎实验虽然早在angular 6的时候就提出了Ivy，但是Ivy仍处于试验阶段，通过Angular 8版本，您可以通过创建一个enable-ivy标志设置为true 的应用程序来测试它，如下所示...较小的捆绑尺寸（V9）（如果您错过了I / O 19，Vikram Subramanian显示了一个4.3 KB版本的应用程序）。向后兼容性。...@angular/http @angular/http在Angular 5中不推荐使用package，但由于@angular/platform-server依赖于它，所以仍然可用。...您可以运行ng update @angular/core以迁移现有代码。 Angular Material Angular Material工程重命名为Angular Components。...结论以上就是angular 8版本的一些改动。总体来说变化不是很大，延续了angular每年一个稳定版的习惯。原文链接

4.5K2 0

如何在 ASP.NET MVC 中集成 AngularJS（1）

对于示例应用程序，我在视图文件夹下创建了两个额外的文件夹，一个客户的子文件夹，一个产品的子文件夹。...所有的客户的 Angular 视图和控件器将驻留在客户子文件夹中，所有的产品的 Angular 视图和控件器将驻留在产品子文件夹中。...严格模式将此前“不严格的语法”变成了真正的错误。作为一个例子，在一般的 JavaScript 中，错误输入变量名称会创建一个新的全局变量。...你当然会遇到这个错误，因为/View/Customers/CustomerInquiry的路由是个 Angular 路由，而不是 MVC 路由。MVC 并不知道这个路由。...错误。

7.5K6 0

构建现代Web应用时究竟是选择传统web应用还是SPA

也可以将两种方法混合使用，最简单的方法是在更大型的传统 Web 应用程序中承载一个或多个丰富 SPA 类子应用程序。但合适使用传统 Web 应用程序，何时使用SPA呢？...此类应用程序容易构建为基于服务器的传统 Web 应用程序，在 Web 服务器上执行逻辑，并呈现要在浏览器中显示的 HTML。...SPA 支持增量更新，可保存尚未完成的窗体或文档，而无需用户单击按钮提交窗体。 SPA 支持丰富的客户端行为，例如拖放，比传统应用程序更容易操作。...团队应有能力像使用 Angular 一样使用 SPA 框架编写新式 JavaScript。...参考 - SPA 框架 Angular https://angular.io JavaScript 框架的比较 https://jsreport.io/the-ultimate-guide-to-javascript-frameworks

1.4K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭