代码拉取完成,页面将自动刷新
Angular 4的UI 组件。
在HomePage查看所有的组件
npm install freeng --save
一旦FreeNG被下载和配置,我们就可以导入需要的模块。
在“AppModule”导入所有组件:
import {FreengModule} from 'freeng/freeng'; //accordion
@NgModule({
declarations: [AppComponent],
imports: [FreengModule.forRoot()],
bootstrap: [AppComponent]
})
export class AppModule {}
导入一个组件模块:
import {AccordionModule} from 'freeng/freeng'; //accordion
@NgModule({
declarations: [AppComponent],
imports: [AccordionModule],
bootstrap: [AppComponent]
})
export class AppModule {}
从freeng/freeng导入将加载所有其他组件,只导入特定的组件可以导入较小bundle。
//import {ComponentModule} from 'freeng/component/componentname/componentname.component';
import {AccordionModule} from 'freeng/component/accordion/accordion.component';
//import {DirectiveModule} from 'freeng/component/directivename/directivename.directive';
import {ButtonModule} from 'freeng/component/button/button.directive';
FreeNG具有一些第三方依赖关系(像Chart.js一样)。 此外,组件需要字体 - 图标的字体。
css依赖关系如下,请注意,在FreeNG css之前应该加载font-awesome。
<link rel="stylesheet" href="<YOUR_PATH>/font-awesome.min.css" />
<link rel="stylesheet" href="/node_modules/freeng/resources/freeng.min.css" />
<link rel="stylesheet" href="/node_modules/freeng/resources/themes/blue.css" />
Angular CLI是Angular的官方CLI工具。 我们强烈建议在启动Angular项目时使用Angular CLI。
依赖
添加FreeNG和FontAwesome作为依赖:
"dependencies": {
"freeng": "^0.4.0",
"font-awesome": "^4.7.0"
}
样式配置
配置所需的样式:
"styles": [
"styles.css"
]
styles.css
@import "../node_modules/font-awesome/css/font-awesome.min.css";
@import '../node_modules/freeng/resources/freeng.min.css';
@import '../node_modules/freeng/resources/themes/blue.css';
查看Changelog.
MIT License
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。