angular-material 相关问题

Angular Material项目是Angular中Material Design的实现。该项目基于Material Design系统提供了一组可重用，经过良好测试和可访问的UI组件。不要将此标记用于AngularJS Material，即旧版AngularJS框架的Material Design实现。

角材料：在MAT-TAB-LABELS之间创建一个分隔线

fxFlex

angular angular-material tabs responsive

回答 1 投票 0

角V19条件材料主题调色板

在测试应用程序时，我们并未意外使用生产版本时，其原因是使其非常明显。我正在尝试阅读当前的环境（生产，开发，测试），并相应地设置色彩。

angular-material themes

回答 0 投票 0

我正在尝试使用Angular 19在我的主组件内创建对话框，我打开对话框，但关闭按钮不起作用，并且控制台日志显示了以下错误： this.dialogref.close不是一个功能，这是mycode，我正在尽一切努力使这项工作...预先感谢任何建议

上关闭模态对话框

angular typescript angular-material angular19

回答 1 投票 0

如何在Ancular Material Mat扫描范围内设置不同的标签以启动和最终值？我正在使用具有范围选择的角材料垫子（启动和末端拇指）。我想格式化标签，以便：开始拇指显示：“最小：（value）” 末端拇指显示...

The start thumb displays: "Min: (value)" The end thumb displays: "Max: (value)"

angular-material angular-material2 angular19 mat-slider

回答 1 投票 0

在角度材料中的单位 - 为什么px不rem /em

我看到CSS框架中的一个方向可以切换到REMS/EMS（Bootstrap 4是这样，Smantic UI也具有它）。我真的很喜欢这种方法，因为具有根

css angular-material

回答 1 投票 0

在多次点击上未选中的角度材料垫广播按钮

我如何清除第二次单击时选择（已选择后）我知道我可以使用复选框实现此行为，但我需要仅选择一个项目。任何...

angular radio-button angular-material

回答 4 投票 0

MAT-Table标头内容即使在更改基础数据时也无法更新我正在使用Angular材料（VER 16）渲染表，但是即使已更新的数据已更新，我也无法更新表标头。这是我的组件的样子：我...

import { CommonModule } from '@angular/common'; import {Component} from '@angular/core'; import {MatTableModule} from '@angular/material/table'; /** * @title Basic use of `<table mat-table>` */ @Component({ selector: 'table-basic-example', styleUrls: ['table-basic-example.css'], templateUrl: 'table-basic-example.html', standalone: true, imports: [MatTableModule, CommonModule], }) export class TableBasicExample { columns = [ {field: 'position', header: 'No'}, {field: 'name', header: 'Name'}, {field: 'weight', header: 'Weight'}, {field: 'symbol', header: 'Symbol'}, ]; displayedColumns: string[] = this.columns.map(col => col.field); dataSource = [ {position: 1, name: 'Hydrogen', weight: 1.0079, symbol: 'H'}, {position: 2, name: 'Helium', weight: 4.0026, symbol: 'He'}, {position: 3, name: 'Lithium', weight: 6.941, symbol: 'Li'}, {position: 4, name: 'Beryllium', weight: 9.0122, symbol: 'Be'}, {position: 5, name: 'Boron', weight: 10.811, symbol: 'B'}, {position: 6, name: 'Carbon', weight: 12.0107, symbol: 'C'}, {position: 7, name: 'Nitrogen', weight: 14.0067, symbol: 'N'}, {position: 8, name: 'Oxygen', weight: 15.9994, symbol: 'O'}, {position: 9, name: 'Fluorine', weight: 18.9984, symbol: 'F'}, {position: 10, name: 'Neon', weight: 20.1797, symbol: 'Ne'}, ]; test() { this.columns = [ {field: 'position', header: 'Position'}, {field: 'name', header: 'Element Name'}, {field: 'weight', header: 'Mass'}, {field: 'symbol', header: 'Symbol'}, ]; this.displayedColumns = [...this.columns.map(col => col.field)]; this.dataSource = [ {position: 1, name: 'Hydrogen', weight: 1.0079, symbol: 'H'}, {position: 2, name: 'Helium', weight: 4.0026, symbol: 'He'}, {position: 3, name: 'Lithium', weight: 6.941, symbol: 'Li'}, ]; } }

angular angular-material

回答 1 投票 0

我的页面应在桌面上有3列，在移动设备上应分组为3个选项卡。我能够做到这一点，但必须复制组件，并根据可用宽度而脱颖而出。这会导致额外的维护和可能的问题，例如更新桌面实例并忘记为手机做同样的事情。

angular angular-material

回答 1 投票 0

角JS-在角度材料开关转换事件上更新$ stateparams

我想知道在变更事件之后更新$ stateparams参数的一种方式我想知道在更改事件之后更新参数的一种方式 $stateParams Controller angular material switchroute.js <section id="app_controls"> <span style="margin-right: 10px;">Ro</span> <md-switch class="md-primary" ng-model = "data.lang" aria-label="Switch language" ng-true-value="'en'" ng-false-value="'ro'" ng-change="setLang(data.lang)" >En</md-switch> <span id="exit"></span> </div> </section> i我无法从控制器访问其他任何内容。我试图实现的是要有一个语言开关，该开关将更新状态参数 - 我希望它对任何其他状态变化都将保持不变。我也想在更改参数后重新加载此状态。我怎么能实现？基本上，您可以在$ rootscope中引用语言。完成您的代码，看起来像这样： Controller .controller('homeController', ['$stateParams','$state', '$scope', 'PageProperties', 'loadMyData', function($stateParams, $state, $scope, PageProperties, loadMyData){ //set page elements var properties = PageProperties.setProps("home", loadMyData); $scope.props = properties; $scope.lang; $scope.setLang = function(lang) { $scope.message = lang; }; }]) route.js .state('home', { url: '/home?lang', params: { lang: 'ro'}, templateUrl: 'views/home/home.html', controller: 'homeController',//'homeController' resolve:{ //loadResources e doar o denumire, nu vreun key-word loadResources: ['$ocLazyLoad', function($ocLazyLoad) { // you can lazy load files for an existing module //conteaza ordinea in care le scriu return $ocLazyLoad.load(['pageNavPropsService', 'homeCtrl','homeDirective']); }], loadMyData: ['$stateParams', 'GetDataService', function($stateParams, GetDataService){ //get initial data for states var path = '_global/views/services/json/' + $stateParams.lang + '_data.json'; return GetDataService.getData(path); }] } }) ，也可以在您的$scope中设置默认语言，您可以存储您的语言的默认值。最终，我已经通过这样的服务完成了此操作： setLang() 在状态下解决： lang

angularjs angularjs-scope angular-ui-router angular-material

回答 1 投票 0

角垫片，使用空间和选项卡进入新输入

实际上，在Mat-Chip中，我们需要按Enter来添加列表中的新元素。我想拥有空间，逗号和标签以产生相同的效果。这将如何可行？这是...

javascript angular angular-material

回答 1 投票 0

角16材料-CDK-Roverlay计算移动浏览器中MAT选择项目的错误底部位置我正在使用角材料（16.0.1）来设计在浏览器中运行的网络应用程序。该项目最初是使用Angular-CLI创建的。不幸的是，我遇到了一些问题，使用MAT-

angular angular-material

回答 0 投票 0

我正在尝试使用新的控制流语法和材料的Mat-autocomplete在Angular 17中实现自动完成搜索。我只想在有搜索值时显示选项，但是当我添加此条件时，我会遇到选项选择功能破坏的问题。

angular angular-material

回答 1 投票 0