开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Material-UI下拉菜单更新到angular 8后在IE11中导致错误

Material-UI是一个流行的前端UI框架，它提供了丰富的组件和样式，方便开发人员构建美观的用户界面。下拉菜单是Material-UI中常用的组件之一，用于展示选项列表供用户选择。

在将Material-UI下拉菜单更新到Angular 8后，在IE11浏览器中可能会导致错误。这是因为IE11对一些ES6+的新特性支持不完善，而Angular 8使用了一些这样的特性。

为了解决这个问题，可以尝试以下几个步骤：

确保你的Angular项目已经正确配置了IE11的兼容性。可以通过在polyfills.ts文件中添加相应的polyfills来实现。具体的配置可以参考Angular官方文档。
检查你的项目是否使用了最新版本的Material-UI库。在更新到Angular 8后，可能需要更新Material-UI库以适应新的Angular版本。可以通过查看Material-UI官方文档或GitHub仓库来获取最新版本的信息。
如果问题仍然存在，可以尝试使用其他的下拉菜单组件替代Material-UI的下拉菜单。在Angular生态系统中有很多其他的UI库和组件可供选择，例如Angular Material、PrimeNG等。这些库通常也提供了下拉菜单组件，并且可能对IE11的兼容性更好。

总结起来，解决Material-UI下拉菜单在Angular 8中在IE11中导致错误的方法包括：配置IE11的兼容性、更新Material-UI库、使用其他下拉菜单组件。具体的解决方案需要根据项目的具体情况和需求来确定。

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

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
云存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链服务（TBC）：https://cloud.tencent.com/product/tbc

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

有帮助

没帮助

相关·内容

Angular 11 正式发布，放弃对IE 9、10的支持！

2、Angular 11.0.0 放弃了对 IE 9 、10 和IE移动版的支持。IE11是目前唯一一个仍由Angular支持的IE版本。...(5) 更新语言服务预览（Updated Language Service Preview）语言服务从当前的基于视图引擎逐渐转变，更新后的语言服务为开发人员提供了更强大、更准确的体验。...(6) 更新热模块替换(HMR)支持（Updated Hot Module Replacement (HMR) Support）在 Angular 11 中，允许在启动应用程序时启动HMR,用以下命令就可以执行...： $ ng serve --hmr 在开发过程中，对组件、模板和样式的最新更改也将立即更新到正在运行的应用程序中。...在 Angular 11 中，将彻底弃用 TSLint 和 Codelyzer 。 (10) 其他更新: 删除了部分不推荐使用的API。

2K2 0

想做前端开发？推荐几个必备珍品组件库

前端是一个一直在发展的名词，从最初刀耕火种时代的页面仔到文艺复兴时期的前端工程化再到如今新时代的大前端，前端技术在某种程度上似乎可以为所欲为了。但是我们这次讨论的是前端技术中的一部分—组件库。...，是用组件库可以让我们更专注的针对业务的开发和产品的交互。...//github.com/iview/iview 维护团队：Aresn (Talking Data) iView 是我在写 Vue 的时候使用到的组件库，可以说看了 iView 的源码后对 Vue 的组件开发有了一些认识...适合了解 Vue 后想进一步进阶者学习。...组件数量上基本覆盖了中台日常需要使用的组件代码层面：文件结构清晰，组件的定义简洁明了，适合学习生态：mint-ui[3] (Mobile UI elements for Vue.js) element-angular

2.7K5 0

5个好用的React UI框架

开发完成后，发现这套东西很好用，就在2013年5月开源了。...，风格素雅简洁，喜欢的可以选择使用，目前在react技术栈领域使用的较为广泛，各种文档也比较齐全，遇到问题好解决。...图片 2：Material-UI 推荐指数：star:57.9k 英文文档：https://material-ui.com Github: https://github.com/mui-org/material-ui...Material-UI当下流行的 React UI 框架，组件用于更快速、更简便的 web 开发，适合小团队，或者个人项目快速搭建前端界面，可以自定义主题，Github上面的star挺多的，有超过Ant...它针对在现代浏览器和IE11中运行的桌面应用程序构建复杂，数据密集的Web界面。一个 React UI 工具组件库。图片

4.4K4 0

Angular 13 发布：全面弃用 View Engine

，Angular 在最近的版本中一直支持它。...结束对 IE11 的支持结束 IE11 的支持后： Angular 可以通过原生的 Web API 使用更现代浏览器功能；可以删除 IE 特定的 polyfills 和代码路径使得应用程序更小，...Angular CLI 的改进 Angular 13 项目中默认使用持久构建缓存，要启用此功能，可以在 angular.json 中添加如下配置： { "$schema": "......测试的改进 TestBed 现在在每次测试后能更好地销毁测试模块和环境； DOM 在每次测试后都会被清除。...目前，Angular 在前端框架中占据重要地位，经过严格测试已由 Google 和 Microsoft 等公司投入生产使用，相关线上资源也十分丰富。

2.8K2 0

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

我们引入了新的 CLI 输出更新，让日志和报告更容易阅读。...更新的语言服务为开发人员提供了更强大、更准确的体验。现在，语言服务将能够像 TypeScript 编译器一样，正确地推断模板中的泛型类型。...关于 HMR for webpack 的信息，请参见： https://webpack.js.org/guides/hot-module-replacement 现在，在开发过程中，对组件、模板和样式的最新更改将立即更新到正在运行的应用程序中...这意味着在将来的版本中，linting Angular 项目的默认实现会不可用。...IE11 是 Angular 还在支持的唯一 IE 版本。我们还移除了一些已弃用的 API，并在弃用列表中添加了一些项目。

3.3K3 0

【Angular教程】自定义管道

这是我参与8月更文挑战的第10天，活动详情查看：8月更文挑战一、管道的作用方便我们在模板中对我们的数据进行格式化处理。...四、自定义管道三部曲自定义管道类并实现PipeTransform接口通过@Pipe装饰器将新建的类声明为Angular管道注入管道，如在app.module.ts的declarations数组中配合新建的管道类...五、自定义管道项目实践背景：我们最近需要在IE11浏览器上跑我们的Angular项目，因为最开始没有考虑IE的兼容问题，使得其中最明显的一个问题得以暴露，我们的列表接口的时间列全都了。...我考虑的解决方案就是通过自定义管道来对DatePipe扩展，在自定义管道中加入判断浏览器环境来对date字符串进行处理。遗留：遗留问题就是全局替换的风险还是感觉有点高。。。...通过return将我们处理后的数据进行返回即可。管道通Angular的模块一样需要进行注册后使用。

1.3K2 0

想同时查看多个报表，3分钟学会门户制作

小李是某公司的财务经理，需要查看公司各个部门的财务报表，小李在查看过程中对于各个部门财务报告查看时需要来回切换不同报表，过程很不方便，而在永洪BI门户界面，企业可根据自己的需求来制作门户首页，在门户上可以定义不同导航栏...2、点击“门户样式”（左右布局、综合布局）进入门户制作页面，可以在右侧导航pane区域中选中任意节点，并在下方报告设置的下拉菜单中绑定报告或网页等类型的资源。...绑定资源后，可以在右侧导航pane的任意节点后面点击设置主页按钮，使该节点绑定的资源作为门户主页展示，若绑定操作模块则不支持设置成主页。...移动端门户也需要在系统门户中单独设置 8、设置门户后，就能在更多下看到“门户首页”的按钮，点击可以回到跳转的首页展示界面。...9、对于IE系列的浏览器，配置门户首页时， IE11 既支持显示门户首页，也支持制作门户，而 IE8、IE9、 IE10和 IE11的兼容性模式只支持显示门户首页，不支持制作门户，在打开制作门户时会进行提示

1.1K3 0

React Table 表格组件使用教程排序、分页、搜索过滤筛选功能实战开发

图片本文完整版：《React Table 表格组件使用教程排序、分页、搜索过滤筛选功能实战开发》在日常开发中，特别是内部使用的后台系统时，我们常常会需要用表格来展示数据，同时提供一些操作用于操作表格内的数据...跟随本文你将学到如何使用 react-table 在 React 中搭建表格组件如何使用 react-table 表格组件进行数据的分页、排序、搜索过滤筛选react-table 实战案例：手把手教你使用...扩展阅读:《最好用的 8 款 React Datepicker 时间日期选择器测评推荐》React Table 表格分页功能分页功能使用 usePagination 这个 hooks 实现：import...扩展阅读:《最好用的 5 个 React select 多选下拉菜单组件测评推荐》React table 排序、搜索过滤筛选、分页示例代码通过前文我们已经把 react-table 的基本使用都演示了一遍...卡拉云直接注册即可开始使用，后台搭建完成后，还能一键分享给同事一起使用。

16.8K0 1

移除 View Engine 转用 Ivy，盘点Angular 12的重要更新

由于 View Engine 函数库的存在，Angular 暂时还无法移除旧的实例化，这导致维护成本不断增加，Angular 整体发展速度也被拖慢。...默认情况下，CLI 将启用严格模式以捕捉开发早期的各种错误。 Webpack 5 模块捆绑器现已实现生产就绪。不再支持 IE11 浏览器。对于编译器，新版本提供转换组件样式资源的支持能力。...这项功能可帮助用户针对各项请求在 HTTP 客户端中配置拦截器。在动画方面，当用户删除 root 视图时，现在可以正确删除其中的 DOM 元素。这是一项重大变化。...在 HttpParams 上实现了 appendAll()方法。在表单中，引入最小与最大值验证器。新版本可导出 HTTP 状态码列表。...新增的诊断提示将建议您开启 strictTemplates，借此在语言服务中获得检索编译器选项诊断程序的方法。

4.4K1 0

全面解读 Vue 3.0 的变化

但是，虽然主流的浏览器都支持Proxy，ie系列却还是不兼容，所以针对ie11，vue3.0决定做单独的适配，暴露出来的api一样，但是底层实现还是Object.defineProperty，这样导致了...ie11还是有2.x的问题。...其实当代码的功能复杂之后，必须有一个静态类型系统来做一些辅助管理，如React使用的Flow，Angular使用的TypeScript。...现在vue3.0也全面改用TypeScript来重写了，更是使得对外暴露的api更容易结合TypeScript。静态类型系统对于复杂代码的维护确实很有必要。...支持Fragment（多个根节点）和Protal（在dom其他部分渲染组建内容）组件，针对一些特殊的场景做了处理。基于treeshaking优化，提供了更多的内置功能。

6951 0

Angular 10 正式发布，不再支持 IE910！

CommonJS 或 AMD 依赖项可能导致优化 bailout 可选的更严格设置当你使用 ng new 创建新的工作区时，v10 提供了一个更严格的项目设置选项。...具体来说，strict 标志执行以下操作：在 TypeScript 中启用严格模式；将模板类型检查设置为 Strict；将默认包预算减少约 75％；配置 linting 规则以防止声明 any...要为需要它的浏览器（例如 IE 或 UC 浏览器）启用 ES5 构建和差异化加载，只需在.browserslistrc 文件中添加你要支持的浏览器即可。...在过去的三周中，我们在框架、工具和组件中的未解决问题数量减少了 700 多个。我们已解决了 2,000 多个问题，并计划在接下来的几个月中投入大量资源，与社区合作做更多事情。...http://v10.angular.io/guide/deprecations 如何更新到 v10 版本请访问 update.angular.io 以获取详细信息和指导。

2.5K2 0

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

在Angular 5发布半年之后，Angular 6在昨天正式发布，那么在这个版本有哪些新功能呢？新版本重点关注工具链以及工具链在 Angular 中的运行速度问题。...ng add 另一项新的 CLI 命令ng add 将使你的项目更容易添加新功能。...之前只有 v4 和 v6 是 LTS 版本，但为了使开发者从一个主版本更新到另一个主版本更容易，并给予项目充足的时间来规划更新，Angular 团队表示从 v4 开始，将扩大对所有主版本的长期支持。...每个主版本的支持时间是18个月，其中，前6个月是积极开发阶段，接下的 12 个月是错误修正和安全补丁阶段。...如何更新到 Angular 6.0.0 读者可以访问 update.angular.io 来得到升级应用的信息和指导。

4.2K2 0

2019年，React 开发者应该掌握的 22 种神奇工具

以下是在示例中我们使用组件之一的例子： ? React-Proto 在 GitHub 上获得了 2,000 个星标。 3....Bit 在使用诸如 material-ui 或 semantic-ui-react 之类的组件库时，Bit （https://bit.dev/）是一个很好的替代方案。...在早期，Codesandbox 仅支持 React，但现在已经扩展到 Vue 和 Angular 等库的其他入门模板。...React Starter Projects React Starter Projects （https://url.leanapp.cn/DUi8AFk）是一个很棒的依赖库列表，我们可以在一个页面中查看全部项目...一旦看到喜欢的入门项目后，我们就可以简单克隆存储库，根据开发中的应用需要进行简单修改。但是，并非所有的库都用来克隆存储库，因为其中一些库需要通过安装形式，才能成为项目的依赖项。

2.4K2 1

从 JavaScript、ES6、ES7 到 ES10，你学到哪儿了？

到达阶段 4 后，将会在浏览器中实现并计划发布。...关于在 ES7（ES2016）中，以下是我们能够得到的。...在 ES8（ES2017）中，以下是可用功能： Object.entries / Object.values（数组的值/键等效对象）字符串填充 myString.padStart(2); // 或 padEnd...（例如：Angular 使用了大量观察者）。...考虑到 JS（ES6 至 ES9）的最常见功能，已经完全在除了 IE11 之外的浏览器中实现。你可能会认为：“那么，这还不够好”。

1.6K2 0

资讯 | 腾讯发布战略产品“智能云”；沃尔玛手撕亚马逊升级

该版本中 onChange 事件响应会变得更加稳定，并且能够处理 IE11 中存在的部分临界情况；同时该版本还优化了对于使用废弃接口的提示，不再强行使用 console.error 提示，而是替换为了...4 Angular 4.2 发布该版本可以无缝替换之前的 4.x.x 系列版本，主要包含了对于 Angular Form 中的极值校验、提升了 i18n 工具等等内容；之外我们还可以参考《Angular...的现状与 Angular 5 的预定日期》这篇文章来了解更多关于 Angular 的讯息。...5 ESLint 4.0.0发布作为大版本更新，ESLint 4.0.0 中添加了很多的新特性，并且针对之前版本中包含的错误进行了修正；可以点击查看原文了解具体的规则更新情况以及升级指南。...在新增的功能中，最值得关注的是支持在Windows 10之外进行.NET Framework 4.7开发。.

8762 0

前端月趋势榜：3 月最流行的 20 个前端开源项目 - 0403

组件逻辑使用 JavaScript 编写而非模板，因此你可以轻松地在应用中传递数据，并使得状态与 DOM 分离。...9. material-ui 快速构建漂亮的 React 应用程序。 Material-UI 是一个简单且可自定义的组件库，用于构建更快，更美观，更易于访问的 React 应用程序。...对相同类型的变量使用相同的关键字 Bad： getUserInfo(); getClientData(); getCustomerRecord(); Good： getUser(); 再比如：使用可搜索的命名在开发过程中...soon) 比如错误处理最佳实践中使用 Async-Await 和 promises 用于异步错误处理 TL;DR: 使用回调的方式处理异步错误可能是导致灾难的最快的方式(a.k.a the pyramid...否则: Node.js 回调特性, function(err, response), 是导致不可维护代码的一个必然的方式。究其原因，是由于混合了随意的错误处理代码，臃肿的内嵌，蹩脚的代码模式。

2.8K3 0

React 困境与未来，何时迎来自己的“Angular.js 时刻”？

更简单的架构、对组件的高度关注，以及在大小代码库上始终如一的稳定生产力，让 React 很快成为备受好评的新选择。旺盛的人气之下，React 社区也开始茁壮成长。...我们无法在浏览器中检查组件以查看它使用的具体 props 或子组件。目前，调试 React 服务端组件的唯一方式就是借助 console.log。...或者更确切地讲，他们不鼓励开发者在不配合框架的前提下使用 React，而他们所推荐的框架会更多强调服务端渲染。还有第二个问题。React.js 官方文档主要推荐使用 Next.js。...在我看来，最典型的证明就是 Next.js 文档中的下拉列表——读者可以在 App router（服务端组件）和 Pages router 之间随意选择。...所以对于“React 过度膨胀的野心是否在损害社区”，我的答案是肯定的。总结服务端组件也许的确代表着服务端框架的进步——或者至少在达到生产就绪状态后，应该有其进步意义。

2521 0

用Truffle, Solidity, React, Material UI, Web3创建一个全栈筹款Dapp

在 fundraiser 仓库，运行命令编译并迁移Fundraiser合约，以便前端应用与之交互： truffle develop 上面的命令运行完后，在同一个终端窗口继续运行compile和migrate...从安装 npm 包开始： npm install — save react-router-dom 安装好 npm 包后，重启前端服务，从 App.js 文件中的 react-router-dom 导入必要的文件...在client目录中运行 install 命令在 fundraiser 应用中安装 react-bootstrap ，如下： npm install @material-ui/core --save...在`App.css`[5]文件中, 添加下面的代码: 1 body { 2 margin: 0 !...接下来，我们需要导入合约并指向在NewFundraiser.js文件中本地部署的合约[第 6-7 行]。

6.2K2 0

单页应用(SPA)开发中的 Top 10 框架

Angular 负责编译和渲染 HTML，并生成用户界面，在此过程中，它操作 DOM 并实现指令中的全部功能。不过，指令只是 Angular 强大功能的一部分。...用户在界面上戳戳点点或是输入点什么的时候，改变了应用中的 view，此时 model(JavaScript objects) 会跟随着 view 一起发生变化，model 中的代码逻辑得到执行，最终将更新...React 另一个优势在于响应式组件带来了很好的重用性，React 组件库创建后可以在多个项目中共用，也能供大众使用。...有关 Polymer 的更多信息请看 polymer-project.org 8....请在评论中写下你的经验和你所用的框架。关于作者： Sunil 是 noeticforce.com 的创始人和特约编辑。他的文章里包含了所有能够使移动应用，web 应用，网站变的更现代化。

4.3K4 0

jQuery 4.0震撼发布：这是复兴还是告别？

移除已废弃的API 多个版本中已废弃的几个函数终于在主版本中走到了尽头。这些函数要么是为内部使用而设计，要么对于所有支持的浏览器都有原生的替代方案。...jQuery旨在通过提供一致的API，使JavaScript编程简化，更容易开发跨浏览器代码。...随着React、Angular和Vue.js等现代JavaScript框架和库的崛起，一些开发者质疑jQuery在现代web开发中的相关性。...然而，出于几个原因，jQuery在web开发中仍然有一席之地：遗留浏览器支持：许多网站和web应用仍需要支持如IE11这样的老旧浏览器，这些浏览器缺乏对现代JavaScript特性的支持。...这种灵活性使得jQuery即使在现代web开发环境中也是开发者工具箱中的宝贵工具。

1.4K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭