首页 > TAG信息列表 > angular-material

角材料md工具栏扩展过渡

我正在使用Angular材质的md-toolbar组件.默认情况下,其高度为“正常”,并且通过添加类md-tall可以使其更高. 我正在尝试应用CSS过渡以使其平滑扩展,但是它的行为不符合预期.过渡仅以一种方式发生,而并非相反. 这是代码(和代码笔：http://codepen.io/anon/pen/MwbrjL)： 标记 <html lan

的角材料：md对话框中的md选择不关闭

我创建了一个简单的指令,该指令包含一种形式,该形式具有少量md-input和一个md-select. 我现在已经在几页中使用了指令,并且一切正常,但是现在我想在md对话框中使用它,并且它无法按预期工作,如果我单击,则无法关闭md-select-menu在它外面,即使我专注于md输入. 因此,用户关闭菜单的唯

javascript-访问Angular Material表内的输入字段

我一直在尝试从Angular Material Table内的输入字段中获取数据的方法. 我基本上是用来自API的值填充表格,但是,每当我们没有得到任何日期时,就我而言,一门课程没有设置预定的日期,我正在插入一个文本框,在其中应显示该值因此用户可以为该特定课程设置日期. 像这样： 注意：很抱歉,必须

javascript-角度材质-图像上的元素叠加(在md卡中)

我正在尝试使用有角度的材料(即在图像上添加动态文本)重现以下内容： text over image 我想使用md卡,因为它很方便. 我的问题是我无法使文本覆盖在图像上；文本始终在图像之前或之后. 在CSS中发挥作用是唯一的解决方案吗？ 非常感谢！解决方法:您可以使用包装器.像这样： HTML： <div class="m

javascript-md-autocomplete-删除建议中的选定项目

我试图在用户选择一个项目并将其标记为收藏时删除建议中的md项目.这里要澄清的问题是下面的结构. 假设我们具有这种状态结构. function loadAll() { var allStates = [ { display : Alabama, value : alabama, is_favori

javascript-用于在mat-vertical-stepper中完成mat-step的CSS

在垫式垂直步进器中,我有4个垫式步进.第一步完成后,如何打勾？ 我试过了： <mat-vertical-stepper style="background:#f2ecec;" #stepper [linear]="true"> <mat-step label="General Details" [stepControl]="generalDetailsForm" completed="

javascript – 没有setTimeOut,MatSort和MatPaginator不起作用

我有一个来自端点的数据并将其放入MatTableDataSource.我能够让它适用于MatSort和MatPaginator,但需要使用setTimeOut,这似乎不是一个正确的方法来做到这一点.如果我删除它,它会抱怨’无法读取sort undefined属性’,我认为这是由于它尚未初始化. 我也尝试过： >将其移动到afterviewin

javascript – Angular材料mat-error无法显示消息

我有2个日期时间选择器,endDate不能小于startDate endDateAfterOrEqualValidator(formGroup): any { var startDateTimestamp: number; var endDateTimestamp: number; startDateTimestamp = Date.parse(formGroup.controls['startDateForm'].value); endDateTim

javascript – 使用momentjs更改Angular Material中md-datepicker的格式

Angular材料引入了一个新的日期选择器组件here. 我希望此组件返回的日期格式为yyy-mm-dd,但我不确定这是如何完成的.通过搜索我发现可以使用$mdDateLocaleProvider,但我找不到使用它的示例. 有人能告诉我一个格式化md-datepicker返回日期的工作示例吗？解决方法:Angular Material文档

javascript – Angular md-virtual-repeat指令正在搞乱项目顺序

我正在使用Angular Material md-virtual-repeat指令来提高md-list中数千个项目的性能. 但是,当我向下滚动然后向上滚动时,根本不会保留顺序.一开始,我的项目按日期排序,没关系.当我开始滚动时,排序完全搞砸了. 这是我的标记： <md-virtual-repeat-container class="flex flex-layout

javascript – AngularJS材料 – 对话框关闭使用电话“后退”按钮

溢出！ 我是第一次构建Angular Material站点,我似乎遇到了对话框功能的问题.我可以让盒子显示和关闭,除了在移动设备上.即,当用户按下电话上的“清除”或“后退按钮”时.执行此操作(或单击浏览器上的后退按钮)时,它对对话框没有影响.它仍在视野中并等待输入.按ESC键将其关闭.打电话的

javascript – 如何在angularjs材质设计中显示标题居中对齐的标签

我正在关注我的网页中的标签链接. https://material.angularjs.org/latest/demo/tabs 这是标签的代码. <div ng-cloak> <md-content> <md-tabs md-dynamic-height md-border-bottom> <md-tab label="one"> <md-content class="md-p

javascript – Angular Material md-select没有显示错误

我正在尝试实现一个表单,其中错误消息在单击提交按钮之前不会显示.对于输入,这似乎是开箱即用的,但对于md-select不符合预期. 当我提交表单(没有填写任何内容)时,我收到输入的错误消息,但不是md-select的错误消息. http://plnkr.co/edit/BDB0NVccWckqgnSYD9Qt?p=preview 这是表格：

javascript – Angular Material md-datepicker在单击时抛出错误

我是新来的,并且在Angular Material 0.11.0中最近可用的md-datepicker遇到了一些问题： https://material.angularjs.org/0.11.0/#/demo/material.components.datepicker 简而言之,我的应用程序允许用户添加具有名称和描述的单个项目.他们还能够更新相关的项目细节. 添加和更新都通过

javascript – 从JS更新角度材质输入值

我在项目中使用Angular材质元素.我想从Java Script更新材料输入值.值正确绑定到作用域但不在输入框中更新. 我为此创建了一个JSFiddle HTML <div data-ng-app="testApp" data-ng-cloak> <div id='appCtrl' data-ng-controller="testCtrl"> <button id="button">

javascript – Angular Material主题不改变颜色

我正在使用Angular 1.4.3和Angular Material 0.10.0,我正在尝试为我的应用程序使用内置主题“green”.然而,即使在我完成下面的操作之后,颜色仍然是默认的靛蓝色： angular.module('myApp','ngMaterial']) .config(['$mdThemingProvider', function($mdThemingProvider){ $md

javascript – 对AngularJS Material的表支持

我想使用Angular Material创建一个表. 我无法从文档中找到表实现. https://material.angularjs.org/latest/ 但是,我找到了其他实现.我很迷惑.这些实施是否来自Google？他们可以使用Angular材料吗？ https://github.com/daniel-nagy/md-data-table http://codepen.io/jbltx/details/Wbd

javascript – Angular Material的md-nav-bar与ui-router无法正常工作

我正在玩角形材料和ui-router. 这是pen. HTML： <md-nav-bar md-selected-nav-item="'browse'" nav-bar-aria-label="navigation links"> <md-nav-item md-nav-sref="projects.browse" name="browse">Browse</md-na

javascript – 如果过滤器在材质表角度中没有结果,如何显示“无记录”

我想添加“无记录消息”如果有人搜索当前表显示空数据！ 以下是角度js中样本材料表的链接    https://material.angular.io/components/table/examples解决方法:我找到了确切的解决方案 在打字稿中： applyFilter(filterValue: string) { filterValue = filterValue.trim(); // Re