标签: material

Angular 6材质表粘贴标头不起作用

我需要将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)

material angular-material angular angular-material-6

3
推荐指数
1
解决办法
5617
查看次数

初学者学习OpenGL - 这些OpenGL工具是什么?

我想开始学习OpenGL,在用C++语言编写的软件中使用它.我在尝试学习新东西时所做的自然就是获取适当的文献和在线教程.

然而,使用OpenGL,我陷入困境.我检查的不同文献和教程几乎立即提到了术语,例如:

  • 非官方的OpenGL SDK
  • GLSL
  • FreeGLUT
  • SFLW
  • GLEW
  • GLFW
  • 其他 ...

即使我检查了这些工具或wiki条目的网站,我仍然不明白这样的事情:它们实际上与OpenGL有什么关系,为什么使用一个而不是另一个,它们有什么共同点,有什么区别. ..也许最重要的是,我如何找到我(不需要)的东西?

所以我非常想听听有关这个主题的解释.参考适当的在线阅读也很好.谢谢.

c++ opengl material

2
推荐指数
1
解决办法
459
查看次数

Android导航抽屉材料设计 - 圆形图像查看个人资料图片

我在材料设计中实现了一个简单的导航抽屉,并将一张个人资料图片放在该抽屉的标题中.此个人资料图片的类型为:de.hdodenhof.circleimageview.CircleImageView

当我在模拟器上运行我的应用程序并打开抽屉时,一旦图像可见,一切似乎都会冻结并缓慢移动.我应该尝试另一种方法来舍入我的ImageView还是我想念一些东西?

(我按照本教程进行了100次查看:http://www.android4devs.com/2014/12/how-to-make-material-design-navigation-drawer.html)

android header material imageview

2
推荐指数
1
解决办法
8615
查看次数

Android图标库

伙计们,是否有一个基于Material Design的免费图标库,我正在开发一个应用程序,并且希望浮动按钮具有一个相机图标,一个编辑图标等。有没有这样的地方下载免费的图标图像?

谢谢

icons android material

2
推荐指数
1
解决办法
4080
查看次数

如果在外部使用z-index的固定元素上单击,Angular Material md-menu元素不会关闭

<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>如果单击外部任何元素(包括固定元素),如何关闭所有元素?

工作演示

javascript material angularjs angular-material

2
推荐指数
1
解决办法
2696
查看次数

Materail Design Lite - 如何在表单中放置内联图标

我想把脸部图标放在同一行的字段中.代码是这样的:

<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)

结果如下:

在此输入图像描述

如何将图标和字段放在同一行?

谢谢

icons material

2
推荐指数
1
解决办法
3482
查看次数

角色组件未在Internet Explorer 11上显示

我已经编写了一个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)

material internet-explorer-11 angular

2
推荐指数
1
解决办法
5381
查看次数

如何为Material-ui的组件设置原色/深色?我正在使用像这里的自定义主题

这是如何自定义主题的文档链接

上面的链接具有对象,我们可以配置主题对象。但是默认情况下,它采用的是主主色,如果我想访问primary-dark怎么办。如何访问主暗?

material reactjs redux material-ui react-redux

2
推荐指数
1
解决办法
4843
查看次数

错误对象使用angular2材质日期选择器的对象

我对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)

object datepicker material

2
推荐指数
1
解决办法
565
查看次数

Material-UI:如何在反应的输入字段中显示搜索图标?

我正在使用材料ui。我想显示search icon在输入字段中,如图所示 在此处输入图片说明

我正在使用这个API

是我的代码

我可以显示,TextField但不能添加搜索图标。您能添加如何添加吗?

 <TextField id="standard-bare" defaultValue="Bare" margin="normal" />
Run Code Online (Sandbox Code Playgroud)

material reactjs material-design redux material-ui

2
推荐指数
3
解决办法
3668
查看次数