我需要将mat-table组件的Header固定在顶部,但这不起作用。
我有Angular v6.1.7和@ angular / material v6.4.7。
我在matHeaderRowDef上添加了“ sticky:true”属性,就像有人在这里提到的那样,但是它什么也没做:(
<tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
Run Code Online (Sandbox Code Playgroud)
我有这个示例项目:https : //stackblitz.com/edit/angular-wem2qa
这是我在TS文件上的导入:
import { Component, Input, OnChanges, OnInit, SimpleChanges, ViewChild } from "@angular/core";
import { MatDialog, MatExpansionPanel, MatSnackBar, MatSort, MatTableDataSource, Sort } from "@angular/material";
Run Code Online (Sandbox Code Playgroud) 我想开始学习OpenGL,在用C++语言编写的软件中使用它.我在尝试学习新东西时所做的自然就是获取适当的文献和在线教程.
然而,使用OpenGL,我陷入困境.我检查的不同文献和教程几乎立即提到了术语,例如:
即使我检查了这些工具或wiki条目的网站,我仍然不明白这样的事情:它们实际上与OpenGL有什么关系,为什么使用一个而不是另一个,它们有什么共同点,有什么区别. ..也许最重要的是,我如何找到我(不需要)的东西?
所以我非常想听听有关这个主题的解释.参考适当的在线阅读也很好.谢谢.
我在材料设计中实现了一个简单的导航抽屉,并将一张个人资料图片放在该抽屉的标题中.此个人资料图片的类型为:de.hdodenhof.circleimageview.CircleImageView
当我在模拟器上运行我的应用程序并打开抽屉时,一旦图像可见,一切似乎都会冻结并缓慢移动.我应该尝试另一种方法来舍入我的ImageView还是我想念一些东西?
(我按照本教程进行了100次查看:http://www.android4devs.com/2014/12/how-to-make-material-design-navigation-drawer.html)
伙计们,是否有一个基于Material Design的免费图标库,我正在开发一个应用程序,并且希望浮动按钮具有一个相机图标,一个编辑图标等。有没有这样的地方下载免费的图标图像?
谢谢
<md-menu>我的文档中有一个基本元素。默认情况下,如果在文档中的任意位置单击,它将自行关闭。虽然,如果我在带有的fixed元素内单击z-index,它将不会关闭。
<div class="menu-demo-container" layout-align="center center" layout="column">
<md-menu>
<md-button class="md-primary md-raised" ng-click="ctrl.openMenu($mdOpenMenu, $event)">
Test
</md-button>
<md-menu-content width="4">
<md-menu-item>
<md-button>
Menu Item
</md-button>
</md-menu-item>
</md-menu-content>
</md-menu>
</div>
<div style="position:fixed; z-index: 100; backgorund-color:red;left:0;top:0;bottom:0">
Try clicking here while the the md-menu is open
</div>
Run Code Online (Sandbox Code Playgroud)
<md-menu>如果单击外部任何元素(包括固定元素),如何关闭所有元素?
我想把脸部图标放在同一行的字段中.代码是这样的:
<i class="material-icons">face</i>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="text" id="sample3">
<label class="mdl-textfield__label" for="sample3">Text...</label>
</div>
Run Code Online (Sandbox Code Playgroud)
结果如下:
如何将图标和字段放在同一行?
谢谢
我已经编写了一个Angular 4 Material 2应用程序,一切都在Chrome中工作正常,但在Internet Explorer上页面是空的.我已经添加了一个<h1>到index.html,但是在我的content.component.html中添加一个不起作用,甚至整个组件的代码也没有添加到DOM中.
index.html(<h1>Test</h1>在IE中显示):
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>ITEM Projekte</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
</head>
<body>
<h1>Test</h1>
<app-root></app-root>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
app.component.html(<h1>Test</h1>未在IE中显示):
<h1>Test</h1>
<md-card>
<md-card-title>ITEM Projekt anlegen</md-card-title>
<md-card-subtitle>PROJEKTDATEN</md-card-subtitle>
<md-card-content>
<div style="width: 100%; ">
<md-input-container *ngFor="let item of projektdaten" style="margin-right: 15px; display: inline-block; ">
<label style="width: 120px; display: block;">{{item.identifier}}:</label><input mdInput name={{item.identifier}} style="width: 150px; " (keyup)="setProjectData(item, …Run Code Online (Sandbox Code Playgroud) 上面的链接具有对象,我们可以配置主题对象。但是默认情况下,它采用的是主主色,如果我想访问primary-dark怎么办。如何访问主暗?
我对datepicker和Angular2材质有问题。
当我尝试使用此控件时,出现以下错误:
ERROR Error: "[object Object]"
Run Code Online (Sandbox Code Playgroud)
我在app_module上完成了引用,我从官方材料网站上获取了原始代码:Date Picker Examples Angular Material。
ERROR Error: "[object Object]"
Run Code Online (Sandbox Code Playgroud)
我正在使用材料ui。我想显示search icon在输入字段中,如图所示
我正在使用这个API
这是我的代码
我可以显示,TextField但不能添加搜索图标。您能添加如何添加吗?
<TextField id="standard-bare" defaultValue="Bare" margin="normal" />
Run Code Online (Sandbox Code Playgroud) material ×10
android ×2
angular ×2
icons ×2
material-ui ×2
reactjs ×2
redux ×2
angularjs ×1
c++ ×1
datepicker ×1
header ×1
imageview ×1
javascript ×1
object ×1
opengl ×1
react-redux ×1