标签: angular-material

Ui-sref和md-button.这个怎么运作?

如果我添加ui-sref,为什么菜单项"Menu1"高于其他?

 <md-button  ui-sref="menu1" >Menu1</md-button>
 <md-button>Menu2</md-button>
Run Code Online (Sandbox Code Playgroud)

angularjs angular-material

12
推荐指数
2
解决办法
7840
查看次数

如何在Angular-Material Design中使用md-icon和md-autocomplete?

有没有办法在md-autocomplete中放置md-icon

   <md-autocomplete 
       md-selected-item="ctrl.selectedItem"
       md-search-text-change="ctrl.searchTextChange(ctrl.searchText)"
       md-search-text="ctrl.searchText"
       md-items="item in ctrl.querySearch(ctrl.searchText)"
       md-item-text="item.display"
       placeholder="What is your favorite US state?">

   <md-icon class="material-icon">search</md-icon> // ofcourse, I think It won't work

  </md-autocomplete>
Run Code Online (Sandbox Code Playgroud)

codepen

material-design angular-material

12
推荐指数
1
解决办法
6318
查看次数

角度材料的日期选择器错误的日期

我使用datepicker来选择日期并将其发送到服务器.

当我记录JS值时,我得到了正确的结果:

Tue Mar 22 2016 00:00:00 GMT+0100 (Mitteleuropäische Zeit)
Run Code Online (Sandbox Code Playgroud)

但在ajax请求中

2016-03-21T23:00:00.000Z
Run Code Online (Sandbox Code Playgroud)

我不修改值,只是给对象提供angulars http功能.

Angular需要一些配置才能处理它吗?

javascript datepicker angularjs angular-material

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

Angular 2材质:sidenav从另一个组件切换

我在这个项目中使用Angular 2 Material sidenav:

app.component.ts (主要)html视图:

<md-sidenav-layout>
  <md-sidenav #start mode="side" [opened]="true">
      This is the main sidenav
      <sidebar></sidebar>
  </md-sidenav>

  <md-sidenav #end align="end">
    This sidenav suppose to open from different components across my application to show extra information/data when user clicks an image for example.
    <br>
    <button md-button (click)="end.close()">Close</button>
  </md-sidenav>

<router-outlet></router-outlet>

</md-sidenav-layout>
Run Code Online (Sandbox Code Playgroud)

现在..为了打开#endsidenav我在同一个组件中使用以下按钮:

<button md-button (click)="end.open()">Open End Side</button>

但是,如果我想使用end.open()其他组件来切换sidenav,该怎么办?我应该怎么做sidenav"gloal"所以我可以在我的应用程序中的任何组件上打开它?

angular-material angular

12
推荐指数
1
解决办法
1万
查看次数

默认选择角度材料2按钮切换

在角度材质2中,如何在切换组中设置默认选定按钮.

一旦我点击一个,它就会切换,但默认情况下都会以某种方式选择.我尝试如下,但不起作用.

  <md-button-toggle-group #group="mdButtonToggleGroup">
    <md-button-toggle (click)="firstTapped()" selected>
      <span>one</span>
    </md-button-toggle>
    <md-button-toggle (click)="secondTapped()">
      <span>second</span>
    </md-button-toggle>
  </md-button-toggle-group>
Run Code Online (Sandbox Code Playgroud)

angular-material angular

12
推荐指数
2
解决办法
9981
查看次数

如何以编程方式切换角度材料扩展面板

我刚刚开始研究一个带有材料设计的Angular 4项目.

我目前正在与扩充组件的工作,该API规定禁用的扩展面板无法由用户触发,但仍可以编程方式进行操作.但是,我不知道如何以编程方式切换面板.

Angular中首选的模拟方法是什么?

angular-material angular

12
推荐指数
6
解决办法
4万
查看次数

Angular Material不同的mat-sort在多个表上

在Augular中对多个Material表进行单独/不同分页没有问题.但是在页面上对单独的表进行排序并不像看起来那么简单.

有人可以指出我们使用Material Angular(ver 4-5)表组件进行多表排序的工作示例.

谢谢

angular-material angular

12
推荐指数
4
解决办法
6312
查看次数

以角度5过滤Angular Material表中的特定列

在Angular资料官方网站上提到filterPredicate:((data:T,filter:string)=> boolean)将根据特定字段过滤数据.但是没有得到如何开始.

我见过示例但没有得到: - https://stackblitz.com/edit/angular-material2-table?file=app%2Fapp.component.html

默认情况下,它基于整个对象进行过滤,但我只想基于json的单个属性进行搜索.

angular-material angular

12
推荐指数
4
解决办法
3万
查看次数

角度5 matsnackbar更改动作按钮颜色

我正在使用MatSnackBar作为我的角度5项目,我似乎无法改变"动作"按钮的颜色.

我把小吃店注入我的HttpInterceptor:

    this.snackBar.open('Invalid Login', 'Ok', {
                    duration: 2000,
                    panelClass: ['my-snack-bar']
                });
Run Code Online (Sandbox Code Playgroud)

我的css:

    .my-snack-bar {
        background-color: #E8EAF6;
        color: #3D5AFE;
    }
Run Code Online (Sandbox Code Playgroud)

如何更改"确定"操作按钮颜色?

angular-material angular5

12
推荐指数
5
解决办法
9620
查看次数

@angular/platform-b​​rowser/platform-b​​rowser"'没有导出成员'HammerLoader'

我试图运行"ng build",我遇到了以下错误.

"node_modules/@angular/material/core/typings/common-behaviors/common-module.d.ts(9,10)中的错误:错误TS2305:模块'"../Frontend/node_modules/@angular/platform-b​​rowser/platform-b​​rowser"'没有导出成员'HammerLoader'."

pacakge.json包含"@ angular/platform-b​​rowser"和"@ angular/material".我正在尝试使用这里的角料表.

我无法理解为什么会出现这个错误以及可能的解决方案.

angular-material angular-datatables angular angular6

12
推荐指数
1
解决办法
8514
查看次数