Angular2 material lite固定标题不起作用
Angular2 Material Lite是一个基于Angular2的UI组件库，它提供了一套现代化的UI组件，帮助开发者快速构建美观、响应式的Web应用程序。
固定标题不起作用可能是由于以下几个原因：
- 使用错误的指令或属性：在Angular2 Material Lite中，固定标题通常是通过
mdl-layout__header-row类来实现的。确保你正确地将这个类应用于你的标题行元素上。 - CSS样式冲突：检查你的样式表，确保没有其他样式覆盖了固定标题的样式。你可以使用浏览器的开发者工具来检查元素的样式，并查看是否有其他样式影响了固定标题。
- 版本兼容性问题：Angular2 Material Lite可能与你使用的Angular版本不兼容。请确保你使用的Angular版本与Angular2 Material Lite的要求相匹配。你可以查阅Angular2 Material Lite的官方文档或GitHub页面，了解它所支持的Angular版本。
如果固定标题仍然不起作用，你可以尝试以下解决方案：
- 更新Angular2 Material Lite版本：检查是否有新的版本可用，并尝试更新到最新版本，以解决可能存在的bug或问题。
- 查阅官方文档和社区支持：查阅Angular2 Material Lite的官方文档和社区支持论坛，寻找类似问题的解决方案或向其他开发者寻求帮助。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）是一种灵活可扩展的云计算服务，提供高性能、可靠稳定的云服务器实例，适用于各种场景和工作负载。您可以通过腾讯云云服务器来部署和运行您的Angular2 Material Lite应用程序。
腾讯云云服务器产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
我正在尝试使用我的角度cli项目中的材料精简固定标题，标题是渲染所有的链接，但不是固定的。
浏览 22提问于2017-06-23得票数 0
我在将集成到Angular2中有一个小问题，请您帮我说一下我所做的事情--我正在使用最新版本的angular2，MDL框架不起作用
<link rel="stylesheet" href="/node_modules/material-design-lite/m
浏览 6提问于2016-11-08得票数 0
回答已采纳
我正在寻找使用Material Design Lite滚动固定标题的解决方案。
我想要做的就像Stack Overflow正在做的那样。当您将光标移到Stack Overflow上的页眉上并使用鼠标向下滚动时，页面将向下滚动，页眉固定在顶部。滚动条不会停止在标题的底部。滚动条通过页眉延伸到页面顶部。这就是我想要做的。我的网页使用Material Design Lite中的布局组件。我使用mdl-layout--fixed-header修复我的头文件。即
浏览 18提问于2017-09-29得票数 0
我需要为php + mysql项目创建一个Angular2 + TypeScript前端。但是，当我试图只使用一些Angular2本地文件时，系统‘s将打破它的组件注册的所有内容，并向我抛出这样的异常：在文档中DOCTYPE html><head> <link rel="style
浏览 2提问于2016-02-13得票数 3
回答已采纳
1回答
我想用有棱角材料的angular2 .下面是我的package.json "name": "angular2-boilerplate", "scripts": { "gulp": "gulp",
"start": &qu
浏览 3提问于2016-05-12得票数 1
回答已采纳
"version": "1.0.0", "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ", ... "license": "
浏览 6提问于2016-09-18得票数 1
回答已采纳
我正在尝试将material lite stepper添加到我的angular2项目。<!-- material lite -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"
浏览 2提问于2017-02-17得票数 1
3回答
"version": "1.0.0", "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ", "postinstall": "typing
浏览 2提问于2016-06-20得票数 1
1回答
我正在尝试Material Design Lite，为一个学校项目制作一个漂亮的网页。我遇到了一个问题，标题中的三明治图标是。我复制并粘贴了固定标题示例中的确切源代码(单击CodePen按钮可以查看我正在尝试的完整源代码)，但它的显示方式与示例不同。
我是不是漏掉了什么？
浏览 3提问于2016-04-28得票数 0
我发现material.min.js (作为MDL的一部分提供)使导航条位于滚动条的顶部，但我不太擅长JS，我不确定需要修改哪个部分才能实现我想要的效果。我也对不修改material.min.js但使用自定义JS/CSS的解决方案持开放态度。
浏览 1提问于2016-01-03得票数 2
1回答
我使用的是带有Angular2材料字母表的Angular2测试版，它们是兼容的，但我在映射方面有问题。'js' }, '@angular2-material/input': 'node_modules/@angular2-material/input'
浏览 3提问于2016-07-20得票数 2
回答已采纳
(Home.template.js:848)我在plnkr上有一个很好的例子，但这在我的本地不起作用这是我的简历：
import {Component} from 'angular2/core'@Component({
selector": "lite-server"
浏览 2提问于2016-04-29得票数 1
回答已采纳
字母表-3和角2.1，但我有例外：
(索引)：16错误：(SystemJS) XHR错误(404未找到)加载(…)
"version": "1.0.0", "start": "tsc && concurrently \"tsc -w\" \"
浏览 1提问于2016-10-13得票数 1
回答已采纳
我正在尝试模块化一个Range2应用程序，将服务放在一个不同的文件中：/// <reference path="typings/angular2/angular2.d.ts" />
import {Component, View, bootstrap, NgFor} from 'angular2/angular2
浏览 0提问于2015-07-31得票数 1
回答已采纳
我正在学习angular2和material2。我试图使小网站，有简单的工具栏和固定的sidenav。我已经创建了工具栏，但是sidenav并没有像预期的那样工作。<md-toolbar color="primary"></md-toolbar> <md-sidenav>md-list-item>
浏览 0提问于2016-05-13得票数 3
是否有计划将MDL版本迁移到2.x或1.3版本？我可以看到mdl-ext中存在的一些组件已经存在于2.x版本中。
浏览 10提问于2017-01-31得票数 0
我的angular2应用程序中有一个MDL步骤元素。我在一个div里面有这个元素。如果我将*ngIf和一个条件应用到这个div中，那么步进组件就完全坏了。没有*ngIf，它呈现完美。 "../node_modules/material-design-
浏览 1提问于2017-02-21得票数 1
回答已采纳
我在使用angular2-mdl包启动Angular2项目时遇到了一些问题。我的项目设置是使用angular-cli (webpack) - ngAfterViewInit(){
console.log附注：我刚接触Angular2，真的不喜欢每
浏览 10提问于2017-02-02得票数 1
2回答
我有一个使用Material Design Lite的angular2组件，但是checkbox (可能也是其他的)元素在第一次加载该组件时不能正确呈现，而如果我与复选框交互，则mdl样式被正确应用。
浏览 0提问于2017-03-02得票数 0
在的基础上，我想知道如何使标题固定(工具栏)没有内容信息覆盖在标题上。为了修复标题，我使用了以下CSS： position: fixed; position: fixed;但是另一个内容元素是覆盖在标题上的。请参见图像，其中来自<material-list-item>的<
浏览 3提问于2018-01-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
