ng sq ui下载 - ng sq ui源代码下载

ng sq ui

三方组件

Updated to angular 12.2.4 + bug fixes

下载

ng-sq-ui

简单质量的UI套件用于Angular

由开发人员为开发人员建造！

文档

您将为每个组件找到公共API的描述。组件由模块分组。您可以通过本文档中遗漏的代码检查看到的任何属性都是用于内部使用的，您不应依靠它们。

还包括任何类型的公共界面和服务。

主页
安装
FormelementsModule
ModalModule
ProgressBarmodule
datetime -pickermodule
DataTableModule
commonmodule
关于我们
赏金计划
现场例子
故障排除

破裂的变化：

所有软件包的遗物2.0.1与Angular 14+兼容。如果您需要向后兼容的版本，请参阅以下所述的1.xy软件包。

笔记：
对于使用视图引擎的项目，而不是Ivy（Angular 10〜 Angular 12），请为每个软件包使用以下版本：

@sq-ui/ng-sq-ui： 1.3.3
@sq-ui/ng-dateTime挑选： 1.1.2
@sq-ui/ng-sq-common： 1.1.5
@sq-ui/ng-modal： 1.1.2
@sq-ui/ng-datatable： 1.1.3

对于使用Angular版本<9的项目，请为每个软件包使用以下版本：

@sq-ui/ng-sq-ui： 1.1.5
@sq-ui/ng-dateTime挑选： 1.1.0
@sq-ui/ng-sq-common： 1.0.3
@sq-ui/ng-modal： 1.0.6
@sq-ui/ng-datatable： 1.0.3

安装

您可以克隆 /下载此存储库或将其作为节点依赖项安装。

 npm i @sq-ui/ng-sq-ui@latest --save

- 或者 -

 yarn add @sq-ui/ng-sq-ui@latest

用法

在您的模块中导入ngsquimodule：

 import { NgSqUiModule } from '@sq-ui/ng-sq-ui';

然后将其包含在您的@ngmodule（）装饰器的imports阵列中：

 @NgModule({
  declarations: [ //... ],
  imports: [
    NgSqUiModule,
    //...
  ],
  //...

NG-SQ-UI不带有特定字体。包括默认主题也是可选的。请参阅我们的现场示例页面。

需要网格吗？我们已经覆盖了您！

将样式添加到Angular.json

 "styles" : [
  " src/styles.css " ,
  " ./node_modules/@sq-ui/ng-sq-common/sq-ui-theme.scss " ,
  " ./node_modules/@sq-ui/ng-sq-ui/styles/form-elements.scss " ,
  " ./node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css " ,
  " ./node_modules/@fortawesome/fontawesome-free/css/solid.min.css " ,
  " ./node_modules/@fortawesome/fontawesome-free/css/regular.min.css " ,
],

将样式应用于组件

要使用我们的样式，只需在父元素上添加class="sq"即可。

 < body class =" sq " >
  < div class =" row " >
    < sq-input ... > </ sq-input >
  </ div >
</ body >

依赖性

NG-SQ-UI取决于：

font-sawsome and nimable.js（两者都将与ng-sq-ui一起安装）

在本地尝试

 git clone [email protected]:SQ-UI/ng-sq-ui.git
npm i
npm start

- 或者 -

 git clone [email protected]:SQ-UI/ng-sq-ui.git
yarn install
npm start

运行npm start时会自动观看库：

该项目的打字稿编译器配置为查找dist/ dist/不存在的库，它是指库的源代码。这就是为什么您应该运行npm start而不是仅仅使用ng serve --open npm start删除dist/ （如果存在），然后运行ng serve --open 。这为编译器做好准备，以聆听projects/目录下的更改。