如何在angular中创建微调器
如何在angular中创建微调器
提问于 2018-08-11 20:28:17
我有一个要求如何创建一个旋转服务(服装服务)文件的角度5.一旦我点击按钮和下拉，旋转应该显示几秒钟在角度5和如何订阅一个方法(集成)，请分享您的建议(我们不需要使用任何角插件) .Please解释一步一步谢谢建议
回答 1
Stack Overflow用户
发布于 2018-08-12 00:00:15
这是一种简单且现成的解决方案。从这里下载font awesome图标包：
https://fontawesome.com/v4.7.0/get-started
然后将css文件夹中的'font-awesome.min.css‘文件包含在“index.html”的头标签中：
<link rel="stylesheet" href="font-awesome.min.css"/>创建可以在任何地方调整大小和重复使用的微调器组件：
spinner.component.ts：
import { Component, Input } from '@angular/core';
@Component
({
selector : 'spinner',
templateUrl : './spinner.component.html'
})
export class spinnerComponent
{
@Input () spinnerSize;
} spinner.component.html：
<div *ngIf = "spinnerSize == 1">
<i class="fa fa-spinner fa-spin fa-1x"></i>
</div>
<div *ngIf = "spinnerSize == 2">
<i class="fa fa-spinner fa-spin fa-2x"></i>
</div>
<div *ngIf = "spinnerSize == 3">
<i class="fa fa-spinner fa-spin fa-3x"></i>
</div>在任何希望使用微调器的模板中，只需包含以下内容：
<spinner [spinnerSize] = 1 ></spinner>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51799675
复制相关文章
相似问题