Angular material 如何修复Edge和Mac上错误样式的棱角材质单选按钮';什么是铬?

我发现Edge和Mac'chrome上的Angle material单选按钮有问题。 所选按钮内实心圆的位置不在中心,如下图所示。 感谢您提前修复。您可以发布您的标记和CSS吗?另外,检查控制台中按钮的样式,看看是否有任何影响。嗨@camden_kid,没有定制的css。它发生在当前版本的Angular Material中。你可以在Mac上的Chrome上看到这个问题。实心圆居中。@camden_kid它在Mac的chrome上正常工作。谢谢你的检查。你能发布你的标记和CSS吗?另外,检查控制

Angular material md数据表排序Desc空单元格首先显示

有没有办法使空单元格在Desc排序时不首先显示? 这个标签应该是,但我没有,所以添加了一个角度材质 代码片段 <tr md-row md-select="dessert" ng-repeat="dessert in desserts.data | filter: filter.search | orderBy: query.order | limitTo: query.limit : (query.page -1) * query.limit"> <td md-c

Angular material 角形材料底板可拖动

我无法使底部板材元素可拖动。我希望这样,当用户垂直向上或向下拖动它时,它的高度应该自动调整。当我在底部工作表外单击时,它应该隐藏起来。 请给我你的建议。 这是我正在使用的代码。 ` <link href="style.css" rel="stylesheet" /> <script src="http://code.jquery.com/jquery-2.0.3.min.js" data-semver="2.0.3" data-require="jqu

Angular material 单选按钮使用哪个调色板

我试图改变单选按钮的颜色和墨水波纹。重写单个CSS选择器既痛苦又容易出错。我甚至不想在我的应用程序的单选按钮中添加“md primary”或“md accent”类。我想覆盖默认主题。我翻阅了文档,搜索了Google,所以,我找到了GitHub和演示页面,但找不到简单问题的答案: 单选按钮使用默认主题的哪个调色板?经过一个小实验,我发现单选按钮使用重音调色板 在材料主题介绍页()的末尾有模糊的指示,表明重音调色板由“次要界面元素”使用;但是,没有说明单选按钮是辅助界面元素的文档 更新: 单选按钮

Angular material 更改matInput的禁用属性值

我有一个与现有问题有关的问题 无法使用禁用matInput元素 建议的答案很好: ngOnInit() { this.form = this.fb.group({ name: new FormControl({ value: '', disabled: this.disabled }) }); 但当我将此.disabled值更改为true时,禁用属性不会更改。有没有办法更改matInput的disabled属性?您不能使用该表单,因为当您创建表单控件时,您正在传递该值,在您的情况下,t

Angular material 更新的材料设计(mdc-2018)与角度(dart)组件

我是Angular的新手,我有点困惑,Angular组件的实施是否反映了最近(2018年)的材料设计系统变化,还是只是更新了系统的旧版本 角度组件版本已更新: 但在我看来,角省道组件版本仍在使用旧系统: 我是否遗漏了一些东西,或者角度组件无法获得最新的材质设计更新? (我认为Angular团队正在使用基础和适配器来适应更新材料设计系统的香草web版本,Angular Dart团队是否也在这样做?规格和M2组件仍在开发中。我们已经准备好了一些,但我不认为我们会在内部团队消除大部分bug之后发布

Angular material TypeError:fixture.debugElement.mat选项的查询为空

我是一个新的角度和测试它使用业力。我试图从模板中获取mat选项的实例,以验证其文本内容。不幸的是,我从因果报应那里得到了零错误 TypeError:optionDe在 以下是测试代码: // When option is selected to [1], set selected to that: it( 'Should select Shoes Order Type: International', () => { const de: DebugEleme

Angular material mat select上的角度材质孤立形状标签

在Angular 8 Material应用程序上测试可访问性问题时,我遇到了一个问题。我正在使用Chrome插件WAVE评估工具检查可访问性 问题似乎只存在于Mat Select列表中 --错误 --代码(这是我开始的代码) {{tag.viewValue}} 资源标签 孤立表单标签是指当您有一个元素(我相信它就是元素)而该元素不包含在中时。在它周围添加一个表单,然后再次运行测试,看看是否可以修复它。

Angular material 角度材质元素/字体太大,无法在桌面上使用

我有一个网站,是使用角材料。我喜欢元素,除了默认的字体大小和元素都是巨大的。要以可接受的比例查看网站,我或我的用户必须在桌面上缩小至少75%,并且我的大多数用户都是桌面用户。有没有办法在angular material中指定使用较小的字体、元素等?在尝试任何操作之前,请确保按照以下步骤使用正确的字体和字体大小 字体大小可以通过调整。更改图元的大小在技术上是可能的,但要做到这一点,您需要覆盖每个角度材质组件的样式-因此这是非常不切实际的 此外,组件大小和字体大小由材料设计规范决定,因此更改内容意味

Angular material angular6如何加载选项卡内容

我使用的是angular 6材质选项卡组件,我发现选项卡内容加载缓慢。 有没有什么方法可以让它成为渴望的负载而不是懒惰的负载? 原因是我需要使用第三方插件,但如果是延迟加载,则内容为空,并且实际维度无法准确检测。因此,第三方无法准确显示。 我记得这是可配置的,但找不到方法 比如: <mat-tab-group [lazy]=false > <mat-tab label="xxx"> content </mat-tab> 内容

Angular material Can';t解析MatTableDataSource的所有参数

目前,我们有一个angular 8项目,其中有几个模块,我们使用惰性加载。当我们做prod时,我们遇到了这个问题 luis@luis-System-Product-Name:~/git/front/skymed-front$ ng build --prod 浏览器列表:caniuse lite已过时。请运行下一个命令npm update chunk{0}runtime-es2015.53c55c0aec2cb05ea7ba.js(运行时)1.45 kB[输入][呈现] chunk{1}main

Angular material 如何在基础应用程序中使用角度材质

我有问题,我想使用有棱角的材料和应用基础 所以我用命令行安装了应用程序的基础…… foundation-apps new project 然后在cd项目后安装角材料: bower install angular-material 然后我看到这张图片: 我选择第二个选项。。。要安装材料 在此之后,我使用package.json来使用material的文件,, 这就是我的问题 以及: 如何用角材料用基础…我想要基金会应用程序网格和一些功能和材料功能 这条路对吗 我正在进行类似的实施,我现在正

Angular material 如何在角材料设计中实现嵌套列表视图

有没有一种方法可以创建一个嵌套的列表视图组件,比如下面在jquery mobile中实现的组件 我使用了“角度材质”选项卡“组件样式”来创建嵌套列表的UI。你可以在这里找到演示 HTML CSS <div ng-app="appName"> <div ng-controller="MainController as vm"> <md-toolbar class="site-content-toolbar"> <h2 class=

Angular material 根据其状态更改mat复选框值

我希望mat复选框值具有两个不同的值,例如: 如果选中,则等于1;如果未选中,则等于2 我不知道该怎么做,因为关于这个主题的文档很少。检查一下StackBlitz: 在HTML文件中: <mat-checkbox (click)="clicked()">Check me!</mat-checkbox> {{ checkBoxValue }} export class AppComponent { checkBoxValue: number = 1; chec

Angular material 角材质滚动条问题

链接:- 我正在尝试角材料斯科尔巴期待在附加的图片。但是我不知道怎么做。默认情况下,“材质”不提供任何样式来更改滚动 您可以使用此css更改滚动条样式 cdk-virtual-scroll-viewport::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } cdk-v

Angular material 使用MatIcon中的MatTooltip在Angular 8中导致问题

我尝试在显示后缀图标的输入中显示工具提示消息。我想我做了文档上说的每件事,但总是得到一个错误,而不是我想要的 ERROR Error: No component factory found for TooltipComponent. Did you add it to @NgModule.entryComponents? 组件技术 @NgModule({ declarations: [ MyComponent ], imports: [ MatTooltipModu

Angular material 在mat表格单元格中插入换行符或替换文本中的html标记

我们以前的互联网站点从数据库获取数据,并且在文本中包含HTML标记,用于格式化站点中的文本。我解释 当我调用数据库获取字段信息的文本时。 案文是: "List of available city:<br>1-Boston<br>2-Washington<br>3-Miami... etc" 现在我们使用Angular和Mat Table创建一个新站点。这些信息来自同一个数据库,该数据库已经使用一些HTML标记格式化了文本 如果我使用此代码: &l

Angular material Can';t向角度模块添加材质

我试图找到如何添加角材质,以处理划分为模块的角材质。它只能在根目录下工作,但不能在模块中工作 ng add @angular/material package.json "dependencies": { "@angular/animations": "^9.1.0-rc.2", "@angular/cdk": "^9.1.3", "@angular/common": "~9.1.0-rc.1", "@angular/compiler": "~9.1.0-rc.

Angular material 自定义日期筛选器未返回任何内容

我是Angular的新手,一直在尝试为我的Mat表在createDate列上创建一个日期范围过滤器。当我点击filter按钮时,它只是填充一个空白表。筛选器的代码位于构造函数和datFil()中。我试过几种不同的方法,但都没用。任何帮助都将不胜感激 打字机 import { HttpClient, HttpHeaders } from '@angular/common/http'; import { Observable } from 'rxjs'; import { MatSort} from

Angular material 在角度材质中,如何使md sidenav始终打开

可视切换按钮,并在需要时关闭它 我做了几次尝试,都失败了 我上传了今天的图片,但它没有切换,只有在较低的分辨率 你知道怎么做吗 请查看此代码段。基本上,您可以使用$mdSidenav(“sidenavId”).toggle()切换sidenav angular.module('materialApp',['ngMaterial','ngAnimate'])) .controller('homeCtrl',['$scope','$mdSidenav',函数($scope,$mdSidenav){

Angular material 角材料是否类似于引导框架?

我是一个非常新的角度材料,从官方网站的例子有点混乱。关于angular,我的理解是,它不是基于网格的,而是使用核心css flex box概念。因此,我想知道使用角度材料的目的是否与其他响应框架一样。我刚刚开始使用材料框架,到目前为止,它是爱/恨。IMO它是一个响应性很强的框架,类似于bootstrap,更适合移动应用。到目前为止,缺点是更难定制。这是我问过的一个问题,以材料为例 Angular Material与Twitter引导不同,Angular Material上的布局设计基于flex大

Angular material 如何为角度材质表SelectionModel添加初始选择?

Angle Material文档提供了一个很好的示例,说明了如何将选择添加到表()。他们甚至提供了一个实验平台 我在中发现,第一个参数是是否可以进行多个选择(真)或不(假)。第二个参数是初始选定值的数组 在演示中,它们没有任何初始选择的值,因此它们的构造函数(第36行)中的第二个参数是空数组([]) 我想更改它,以便有一个初始选择的值,因此我将第36行更改为: selection = new SelectionModel<PeriodicElement>(true, [{positi

Angular material 物料导航栏为';t在手机上以响应模式打开

我已经创建了一个网站,使用导航栏的角度材质示意图,在响应模式下会打开一个侧栏。我注意到,当在本地dev服务器上运行并使用Chrome模拟手机时,它显示了预期的sidenav。现在我已经部署到UAT,可以从手机上浏览,sidenav并不像我期望的那样显示 奇怪的是,当使用Chrome模拟手机时,当切换手机时,手机会发生变化,但当我重新加载页面时,侧导航无法显示 这是我的navbar.component.html <mat-sidenav-container class="sidenav-co

Angular material 如何在角度材质中打开侧导航时添加侧导航切换图标

侧导航打开时如何显示侧导航切换图标侧导航切换图标仅在屏幕较小时显示。当前侧导航被打开,当我关闭侧导航时,侧导航切换图标消失在中等宽度的屏幕上 我添加了图标,但它不工作 <mat-sidenav-container class="sidenav-container"> <mat-sidenav #drawer class="sidenav" fixedInViewport [attr.role]="(isHandset$ | async) ? 'dialog' :

Angular material 棱角材料。在鼠标悬停时高亮显示表格行的步骤

我们正在为我们的应用程序使用角度材质表: 您可以演示如何在鼠标悬停时突出显示一行吗?使用:hover选择器向行元素添加一些CSS: .mat-row:hover { background-color: red; } 您可以在主题文件中设置组件的样式: @mixin newName-theme($dark-theme) mat-table tbody tr:hover{ cursor: pointer; background: #b4b4b433; }

Angular material 角度拖放:拖放后不应从容器中移除项目

我使用的是角度拖放CDK: 我能够将物品从一个容器拖放到另一个容器,反之亦然。现在,我试图不从容器中删除掉的项目,但它应该掉到另一个容器中 正如您在图片中看到的,我想将一个项目从'to do'容器拖动到'Done'容器中 我想在掉落后保留一件物品 示例: 任何帮助,请…我认为使用棱角材料是不可能的。这里有一个可能的解决方案 <div class="example-box" *ngFor="let item of todo" cdkDrag>{{item}} <span (cl

Angular material 显示未定义的角度10垫分页器

在subscribe中设置mat pagintor时,我仍然没有定义。我在设置数据后设置了它。如果您有一个*ngIf(和我一样),请确保您的在*ngIf之外。一旦你把它放在外面,并在订阅中设置分页/排序,你就应该很好了

Angular material 在角度材质中是否存在与基于像素的柔体基础等效的材质?

我有一个应用程序,使用角材料,我想一个孩子有一个固定的宽度。除非我做这样的事,否则我似乎无法让它工作 div(style="flex-basis:100px") 这是不可接受的。有没有办法使用ngMaterial库或者我必须使用CSS来实现这一点?好的,Angle material还没有flex basis选项(从v1.1.0-RC5开始) 不幸的是,你得到的可能是最好的解决方案

Angular material 角材料设计中的运行时样式

当我使用angular2材质设计更改内部css组件中的css样式时,所有组件都更改为相同的样式 ::ng-deep .ng-star-inserted > td:nth-child(1) { color:#3f51b5 } 例: 当我在内部css组件中使用这一行时,所有组件都实现了相同的样式 ::ng-deep .ng-star-inserted > td:nth-child(1) { color:#3f51b5 } 我怎样才能解决这个问题 谢谢你说的“内部css组件”是什么意思

Angular material 针对电子邮件和电话号码的角度材质数据表过滤不起作用

我使用的是棱角材料表,无法通过表中的电子邮件和电话号码进行过滤 applyFilter(filterValue: string) { this.dataSource.filter = filterValue.trim().toLowerCase(); } 你的功能似乎是正确的。没有看到项目的其他部分,我就说不出什么了。考虑添加一个StkBLITZ。你的函数看起来是正确的。没有看到项目的其他部分,我就说不出什么了。考虑添加STACKBLITZ。

Angular material 文本字段上的事件

这是我的html代码 <optimus-mat-form-field type="input" class="optimus-mat-form-field-width-50"> <mat-form-field> <input matInput maxlength="50" type="text" placeholder="Clé Camelcas

Angular material 如何更改md导航栏的颜色?

我需要更改角材质md导航栏的颜色。目前我只看到白色背景选项。我们如何更改md导航栏的颜色?,似乎没有一种方法可以将类或id分配给md导航栏,就像其他AM指令一样,您可以对其应用样式设置 但是,如果检查控制台中的元件,您将看到: 所以你可以使用CSS: md-nav-bar .md-nav-bar { background: yellow; } 您可以使用md主题,但这会影响所有元素的颜色。我正在尝试做同样的事情,但在另一个属性上。当我检查导航栏时,它显示以下内容:.mat-toolbar

Angular material 如何使用轮廓材质图标

场景: 我正在使用材质图标,我面临一个问题,我通常使用填充图标,一切正常,现在我想使用一个轮廓图标,它们的名称相同,“screen\u share” 已审理案件: 我的尝试包含在index.html中: <link type="text/css" href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet"/> <link type="text/css" href="h

Angular material 角度材质滑块缩放问题

我有一个材质滑块,我想使其更厚更长,因此我使用以下CSS: .mat-slider.mat-slider-horizontal .mat-slider-wrapper { top: 18px; } .mat-slider.mat-slider-horizontal .mat-slider-track-wrapper { height: 12px; border-radius: 10px; width:400px; } .mat-slider.mat-slider-horizont

Angular material 角度材质按钮-如何启用悬停时的涟漪与复选框相同

我有两个并排的控制元素。一个是-和 检查我! 另一个是材质图标按钮 <button mat-icon-button> <mat-icon>home</mat-icon> </button> 家 当我们指向(悬停在)复选框时,它会在其周围显示一个灰色的圆形波纹(默认情况下) 但当我们指向按钮时,按钮的效果并不相同。为了保持这两个控件的一致性,我希望当用户指向(悬停在)图标按钮时,图标按钮上会产生相同的涟漪效果。涟漪需要在两个元

Angular material RangePicker未在angular cli中工作

日期范围选择器不工作为什么? 我使用npm安装和更新包MatDatepickerModule、MatNativeDateModule、, MatFormFieldModule Angular CLI: 7.0.2 Node: 10.16.3 OS: win32 x64 Angular: 7.0.0 animations, common, compiler, compiler-cli, core, forms http, language-service, platform-browser p

Angular material 能否将垫工具提示添加到垫表列的标题?

我希望能够添加一个工具提示,当鼠标悬停在mat表格中列的标题上时显示该提示。 有没有办法做到这一点,因为当我添加mat工具提示指示器时它不会显示 <table mat-table [dataSource]="marketDataSource" matSort multiTemplateDataRows class="w-100"> <!-- Status Status --> <ng-container m

  1    2   3   4   5   6  ... 下一页 最后一页 共 7 页