小编Sat*_*tAj的帖子

字体真棒动画锭床工人通过背景

我通过CSS背景使用字体真棒旋转图标来加载页面.

    /* Styles go here */
.loading-icon {
  position: relative;
  width: 20px;
  height: 20px; 
  margin:50px auto;
}

.loading-icon:before {
  content: "\f110";
  font-family: FontAwesome;
  font-size:20px;
  position: absolute;
  top: 0; 
}

Run Code Online (Sandbox Code Playgroud)

<!DOCTYPE html>
<html>

<head>
  <link data-require="fontawesome@*" data-semver="4.5.0" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.css" />
  <link rel="stylesheet" href="style.css" />
</head>

<body>
  <div class="loading-icon"></div>
</body>

</html>

Run Code Online (Sandbox Code Playgroud)

图标在页面中成功呈现,但它是静态的.如何使用字体真棒作为背景的动画旋转图标？请帮助.

css3 font-awesome-3.2

Sat*_*tAj

2015 12-15

34
推荐指数

3
解决办法

6万
查看次数

如何过滤mat-tree组件Angular Material 6.0.1

我正在使用垫树角材料组件.这是一个很好的组件,有一些非常有用的功能,如多选,全部展开/全部折叠.我无法在任何API中找到任何树过滤功能.有没有人遇到这个功能或做任何工作来获得mat-tree过滤器？

tree filter angular-material2 angular angular6

Sat*_*tAj

2019 01-16

8
推荐指数

4
解决办法

8783
查看次数

如何使用角度材质图标创建堆叠图标？

我找到了类似于 md-icon 的“Material Design Iconic Font”库，并允许创建堆叠图标：http: //zavoloklom.github.io/material-design-iconic-font/examples.html

但无法创建一个结合角度材质图标的堆叠图标。 https://material.angularjs.org/latest/api/directive/mdIcon

我已经在我的项目中使用了角度材质图标，并且不想包含另一个仅用于堆叠图标的库。

有没有什么办法/解决我们可以结合 md-icons 来创建一个堆叠的角度材质图标？

angular-material google-material-icons

Sat*_*tAj

lucky-day

6
推荐指数

1
解决办法

6785
查看次数

在javascript中将数字转换为逗号分隔格式,两位小数

我试图将数字转换为逗号分隔格式,每个数字在javascript中有两个小数位:

我的代码:

Number(parseFloat(n).toFixed(2)).toLocaleString('en');

Run Code Online (Sandbox Code Playgroud)

此代码不显示整数的两位小数(.00).

我期待一组数字的结果如下:

10000 => 100,00.00
123233.12 => 123,233.12
300000.5  => 300,000.50

Run Code Online (Sandbox Code Playgroud)

感谢您的回答.

javascript number-formatting

Sat*_*tAj

2016 07-19

5
推荐指数

1
解决办法

5863
查看次数

如何防止父路由器链接覆盖子路由器

我在我的示例中嵌套了导航（路线）

<ul>
    <li *ngFor="let route of routes" [routerLink]="route.link" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
        {{route.name}}</span>
        <!-- Secondary navigation (if exists) -->
        <ul *ngIf="route.children" class="secondary">
          <li *ngFor="let item of route.children" [routerLink]="item.link" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
            {{item.name}}
          </li>
        </ul>
    </li>
</ul>

Run Code Online (Sandbox Code Playgroud)

每次我单击父项时，它都会导航到适当的链接，但是在单击任何子项时，它会导航到父 <li> 路由，而不是相应的子链接，因为整个子项 <ul> 是该父项的一部分<li> 在这种嵌套情况下，如何阻止此父 routerLink？感谢您的帮助。

angular-ui-router angular2-routing

Sat*_*tAj

lucky-day

4
推荐指数

1
解决办法

1550
查看次数

Angular-tree-component如何通过复选框选择捕获选定的节点

我正在使用 Angular-Tree-Component 生成带有复选框选项的树。超文本标记语言

<tree-root [nodes]="nodes" [options]="options">
      </tree-root>

Run Code Online (Sandbox Code Playgroud)

打字稿：

import { ITreeOptions } from 'angular-tree-component';
import { Component } from '@angular/core';

export class myComponent {
nodes = [
    {
      name: 'root1',
      children: [
        { name: 'root1_child1' },
        {
          name: 'root1_child2', children: [
            { name: 'grand_child1' },
            { name: 'grand_child2' }
          ]
        }
      ]
    },
    {
      name: 'root2',
      children: [
        { name: 'root2_child1' },
        {
          name: 'root2_child2', children: [
            { name: 'grand_child1' },
            { name: 'grand_child2' }
          ]
        }
      ]
    }
  ]; …

Run Code Online (Sandbox Code Playgroud)

treeview typescript angular-components angular5

Sat*_*tAj

lucky-day

4
推荐指数

1
解决办法

1万
查看次数