小编PGH*_*PGH的帖子

在角度6中找不到HammerJS

我在项目中使用了角度材质.我收到这个警告:

找不到HammerJS.某些Angular Material组件可能无法正常工作.

"longpress"事件无法绑定,因为未加载Hammer.JS且未指定自定义加载程序.

我知道这是这个问题的重复

他们在答案中提到:

  1. 我们必须添加"^2.0.8",dependencies的package.json文件.
  2. 'hammerjs/hammer';polyfills.ts文件中导入.

在我的情况下一切都很好,我仍然在浏览器控制台中收到相同的警告.

hammer.js angular-material angular

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

只需单击硬件后退按钮即可从特定页面关闭应用程序

我的应用程序包含2个页面,分别称为loginhome以及其他延迟加载的页面modules。在app.component.ts中写入条件,以便如果localStorage为空,则应路由到login页面,否则应路由到home页面。然后从首页用户将路由其他延迟加载的模块

app.component.ts

    import { Component } from '@angular/core';
    import { SplashScreen } from '@ionic-native/splash-screen/ngx';
    import { StatusBar } from '@ionic-native/status-bar/ngx';
    import { Platform, NavController } from '@ionic/angular';

    @Component({
      selector: 'app-root',
      templateUrl: 'app.component.html'
    })
    export class AppComponent {

      constructor(
        private splashScreen: SplashScreen,
        private statusBar: StatusBar,
        private platform: Platform,
        public navCtrl: NavController,
      ) {
        this.initializeApp();
        if (localStorage.getItem('token') !== null) {
          this.navCtrl.navigateRoot('/home');
        } else {
          this.navCtrl.navigateRoot('/login');
        }
      } …
Run Code Online (Sandbox Code Playgroud)

typescript ionic-framework angular

10
推荐指数
1
解决办法
256
查看次数

在自动完成(材料)中进行默认选择

我正在为我的项目使用自动完成组件(即显示值自动完成)。这是stackblitz示例

如何将任何一个列表项设置为默认值?像这样 在此处输入图片说明

typescript angular-material angular

9
推荐指数
2
解决办法
4073
查看次数

如何删除mat-select组件的下划线

我在我的项目中使用基本的mat-select组件.

 <mat-form-field>
     <mat-select placeholder="Favorite food">
       <mat-option *ngFor="let food of foods" [value]="food.value">
          {{food.viewValue}}
        </mat-option>
    </mat-select>
 </mat-form-field>
Run Code Online (Sandbox Code Playgroud)

我怎么能删除下划线,我已经尝试过这个答案仍然没有结果.

angular-material

9
推荐指数
2
解决办法
8152
查看次数

Angular 6中的图像轮播

我需要一个图像轮播我的应用程序(Angular v6),而冲浪我发现这个解决方案我,使用ngx-drag-scroll.有没有其他方法可以像这样做图像轮播?

滚动

不使用jquery/javascript,只使用Typescript - 我能实现吗?

任何帮助全部资源.我想要一个旋转木马在其中显示组件.

carousel typescript angular angular6

7
推荐指数
1
解决办法
8843
查看次数

如何在鼠标悬停时显示角材料下拉菜单?

现在点击汉堡菜单我得到下拉列表而不是我需要它在鼠标悬停在汉堡菜单上这里是堆栈闪电战链接

在此处输入图片说明

angular-material angular angular7

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

如何为角形材料的树组件应用样式

我正在为项目使用角材料的树组件。这是 stackblitz链接,在这里我需要实现两件事:

1)子元素的文本颜色必须在鼠标悬停时更改。

2)在单击/选择子元素时,必须更改背景颜色,背景颜色必须保持不变,直到我选择下一个子元素(如带有选择的列表)为止。

像这样

在此处输入图片说明

angular-material angular angular6

4
推荐指数
1
解决办法
3249
查看次数

在菜单组件中鼠标悬停时更改按钮的图标和文本颜色

我在我的项目中使用带有图标组件的菜单。在鼠标悬停菜单项(例如:编辑)时,我想更改文本和图标颜色,就像这样。

在此处输入图片说明

但是我只能在鼠标悬停时提供背景颜色,但无法在鼠标悬停时更改文本颜色

在此处输入图片说明

我试着给颜色:!重要;还有,还是没有结果。

这是stackblitz链接。

css angular-material

4
推荐指数
1
解决办法
6209
查看次数

在 Stackblitz 中导入角度材质

我在我的stackblitz链接中导入了材料(7.2.1)

我仍然看不到材料的确切用户界面

我试图弄清楚,但没有结果。这里是我创建的stackblitz

angular-material angular

4
推荐指数
1
解决办法
3010
查看次数

如何使用angular 7材质图标按钮进行星级评分?

场景: 我使用材质图标按钮创建了一个评级选项,如下所示:

评分

预期结果:

  • 我想将颜色更改为icon-button最多有多少用户要选择这样的:

在此处输入图片说明

  • 我需要根据用户的选择取 3,3.5,4 之类的值。

演示

angular-material angular angular7

4
推荐指数
1
解决办法
5841
查看次数