如何让mat-toolbar响应Angular中的变化？

文章/答案/技术大牛

发布

1回答

html、css、angular

一段时间以来，我一直在尝试为主页和我的way应用程序创建一个基本的标题，我想使用mat-toolbar，但它不会按我想要的方式设置。我的代码如下。 .maintooly {} <mat-toolbar color="primary" class="main-tooly">product-name"> &

浏览 2提问于2020-10-08得票数 0

8回答

如何使用角度材料2制作响应式导航条？

angular、angular-material2

我正在尝试使用创建一个导航栏，它可以折叠在移动设备和平板电脑等小屏幕中。我只找到了md-button，但没有找到md-menu-bar。

浏览 14提问于2016-07-05得票数 37

回答已采纳

3回答

WebStorm无法识别某些角度部件-垫子-工具栏未知元素

javascript、angular、webstorm、angular-material2

我在和WebStorm版本2017.3.1中使用了Range5app.module.tsimport { NgModule } from '@angular/core'; import {MatToolbarModuleIf 'mat-toolbar</e

浏览 4提问于2017-12-20得票数 1

回答已采纳

1回答

按照使用sidenav创建响应式工具栏的非常简单的步骤，我有一个小问题，这个小问题让我抓狂。从ng generate @angular/material:navigation sideNav的基本原理图 I want the toolbar to seem to extend over thesidebar.那里已经有了一个工具栏，但在默认的原理图中，它的css设置为继承背景： .sidenav .mat-toolbar {

浏览 17提问于2020-09-02得票数 1

7回答

角4材质工具栏颜色不变

javascript、angular、angular-cli、angular-material2

我跟踪了，几乎什么都有，除了一些东西我已经使用角-cli 1.4.9建立了一个简单的存储库

浏览 18提问于2017-10-24得票数 4

2回答

以一定的间隔显示和隐藏角度材质工具栏？

javascript、css、angular、typescript

我正在尝试测试在this demo中显示和隐藏角度材质工具栏的CSS动画。在app组件中，hide属性按如下间隔切换： hide:boolean = false this.hide = !this.hide}`) constructor() { setInterval(this.show, 2000) } CSS在mat-toolbar上的声明如下所示 <mat-toolbar</em

浏览 16提问于2019-12-15得票数 0

回答已采纳

1回答

如何在Angular* six组件上编辑样式属性*

attributes、styles、angular6

我是Angular开发的新手。我已经开始使用Angular 6 Material (material.angular.io)开发一个网站，并以导航示意图开始，该示意图提供了一个响应式工具栏和侧边导航组件用于导航。<mat-toolbar color="primary" class="mat-toolbar" > ...&l

浏览 9提问于2018-07-30得票数 0

1回答

是否有推荐的方法来调整角度材质工具栏的高度？

angular-material2

下面是Angular材质工具栏的基本用法示例，如此处所述https://material.angular.io/components/toolbar/overview <mat-toolbar color="primary"><

浏览 53提问于2021-09-23得票数 0

回答已采纳

2回答

如何设计衬垫-工具栏的全宽度屏幕

css、angular-material、material-design、angular6

在这里，我使用的是Angular-Material，其中我的环境是：Angular CLI: 6.0.5、Node: 10.1.0、OS: win32 x64、Angular: 6.0.3，我想要这样的输出：为了实现完全相同的顶部导航条，我有如下的mat-toolbar： <mat-toolbar class="topbar telative mat-toolbar

浏览 1提问于2018-06-27得票数 2

4回答

使用角度材料创建响应工具栏

angular、angular-material2

如何使工具栏响应？md-button class="md-primary" [routerLink]="['/basic']"><md-icon class = "icon-20">home</md-icon>  AngularBasic Concepts</button>

浏览 8提问于2017-04-04得票数 26

回答已采纳

3回答

如何像material.angular.io那样编写sidenav代码

angular、navigation、sidenav

我也问了这个问题，在的问题上，有一个截图。我正在尝试编写一个Sidenav框架演示，就像正式文档导航框架(左侧是菜单，右边是内容体)。我是刚开始学角的，我不知道如何编码这个Sidenav的骨架，在克隆这个repo之后，我找不到关于这个骨架的相关源代码在哪里。您尝试过哪些故障排除步骤？因为根据本文档，我需要按以下方式编写Sidenav代码，但是在官方的Sidenav框架中，它是名为docs-com

浏览 0提问于2020-04-24得票数 0

5回答

如何在"mat-sidenav“角度材料上放置"mat-toolbar”5

angular、angular-material、angular5、angular-material2、angular-material-5

我试着把Sidenav放在工具栏的下面，工具栏总是占据顶部，类似这样： [opened]="(isHandset$ | async)"> <mat-toolbar class="fixed-header"><i

浏览 7提问于2018-12-11得票数 10

2回答

如何制作可滚动的mat列表

angular、list、responsive、angular-material2

我正在尝试使用Angular 4.4.6和Angular Material 2.0.0-beta.12在一个响应式高度容器中构建一个mat-list。如何在不溢出父容器的情况下使mat-list可滚动？min-height: 150px; height: 10%; flex-direction: column; mat-toolbar

浏览 1提问于2017-10-23得票数 7

回答已采纳

1回答

MatToolBar删除左右空格

angular、angular-material

您好，我想删除工具栏中菜单图标和屏幕边角之间的空间我试着这样做： ::ng-deep .mat-toolbar {} 它很有效，完美地删除了左边的空格我是一个非常新的角度材料和css。

浏览 17提问于2021-04-25得票数 0

回答已采纳

1回答

角度5-角度材质在零部件中不起作用

angular、angular-material、angular-material2

我在我的angular 5应用程序中实现了angular材质。If 'mat-toolbar' is an Angular component, then verify that it is part of this module.})我已经导入了MaterialModule并包含在app.module.ts中

浏览 3提问于2018-04-27得票数 1

2回答

Angular Material sidenav始终在桌面上打开

angular、angular-material

我是Angular的新手，我正在尝试应用Angular材质(当前版本)中的sidenar组件。'over' : 'side'" <mat-toolbar ><div class="menuTitlehref="#">Screen2</a>

浏览 11提问于2019-08-13得票数 1

回答已采纳

2回答

关于Angular中的<mat-toolbar>

angular、typescript、angular-material

angular中的mat-toolbar会继续存在于应用程序的所有组件/页面中吗？它在应用程序的所有组件中都会继续吗？<mat-toolbar color="primary"> <span>Welcome to Conflux Application</span> </mat-toolbar-row&g

浏览 47提问于2020-04-02得票数 0

回答已采纳

1回答

角质材料: BreakpointObserver无负载？

angular、breakpoints、angular-cdk

在结合使用角度BreakpointObserver和Angular Material时，我尝试使用Material断点(它们是在Breakpoints中定义的，例如Breakpoints.LandscapePortrait只有在观察到更改之后才会触发breakpointObserver，但考虑到这是一个新的负载，还没有发生任何更改。这意味着初始视图尚未根据断点进行评估。我将BreakpointObserver、Breakpoints和MediaMatcher包含到共享服务中，我订阅了所有需要“侦听”断点<

浏览 2提问于2018-04-19得票数 6

回答已采纳

4回答

顶部带有标题条的Angular* 5 Material对话框*

angular、angular-material2

当添加角度材料对话框时，默认情况下会出现没有任何边框的普通对话框或带有顶部条带的任何关闭按钮。但在这里，我试图添加对话框顶部的条带，如下图所示。 ? 我计划在对话框的顶部显示黑色的条带，它应该接触到上面的2个角。但问题是，如果我添加任何div，那么我认为这不是一个好的解决方案。到目前为止，是否有任何角度材质功能可用。因此，我在上面添加了div。但我认为这不是一个可行的解决方案。我必须在多个对话框中添加这些条。有人能帮我解决这个问题吗？代码如下。

浏览 137提问于2018-07-17得票数 8

回答已采纳

1回答

如何在mat-toolbar后滚动

angular-material、angular9

我有垫-工具栏，所以在这里，我希望滚动的页面发生在垫-工具栏。因此mat-toolbar保持为固定标题。因此，即使我向下滚动，我也能看到工具栏。<mat-toolbar style="flex: 0 0 128px;" color="primary"> </button>

浏览 1提问于2021-01-04得票数 0

点击加载更多