当前位置：首页 > 软件库 > Web应用开发 > Web框架 >

ng-pipes

授权协议 MIT License

开发语言 JavaScript

所属分类 Web应用开发、 Web框架

软件类型开源软件

地区不详

投递者桂和同

操作系统跨平台

开源组织无

适用人群未知

软件概览

ng-pipes

a8m/angular-filter for Angular (2+)

For the AngularJS version of this module, please see angular-filter.

Installation

npm install --save ng-pipes

yarn add ng-pipes

Get Started

There are 3 ways of adding ng-pipes to your project:

Import all pipes

import { NgPipesModule } from 'ng-pipes';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    NgPipesModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

<h1>
  {{ title | reverse }}
</h1>

Import pipes by module

import {BooleanPipesModule, CollectionPipesModule, MathPipesModule, ObjectPipesModule, StringPipesModule} from 'ng-pipes';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BooleanPipesModule,     // imports all pipes of the boolean module
    CollectionPipesModule,  // imports all pipes of the collection module
    MathPipesModule,        // imports all pipes of the math module
    ObjectPipesModule,      // imports all pipes of the object module
    StringPipesModule       // imports all pipes of the string module
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

<h1>
  {{ title | reverse }}
</h1>

Declare specific pipes

import { ReversePipe, CeilPipe, ... } from 'ng-pipes';
// ...

@NgModule({
  declarations: [
    AppComponent, ReversePipe, CeilPipe, ...
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

<h1>
  {{ title | reverse }}
</h1>

Contributing

Any contribution is appreciated.
If you are planning to add a new pipe (or any other feature), please open an issue before.
Angular Commit Message Format is preferred.

Submitting a Pull Request (PR)

Clone the project via:

$ git clone https://github.com/a8m/ng-pipes.git

Make your changes in a new git branch:

$ git checkout -b my-cool-branch master

Add your changes, including appropriate test cases.
Push your branch to Github.
Create a PR to master.

使用案例

[Angular 2] ng-model and ng-for with Select and Option elements

You can use Select and Option elements in combination with ng-for and ng-model to create mini-forms that change your data as you make a selection. /** * Created by wanzhen on 23.10.2015. */ import
快速用angular+ng-zorro创建项目

创建项目 ng new abc --style css --routing cd abc ng add ng-zorro-antd 目录结构不要急着创建组件，参考ng-alain的文件目录。这个是我快速整理的一个模板（含抽象类） ├── src │ ├── app │ │ ├── layout # 通用布局 │ │ ├── routes │ │
crosstool-ng config for mips 64

# # Automatically generated file; DO NOT EDIT. # crosstool-NG Configuration # CT_CONFIGURE_has_wget=y CT_CONFIGURE_has_curl=y CT_CONFIGURE_has_make_3_81_or_newer=y CT_CONFIGURE_has_make_4_0_or_newer=
flume-ng三大组件介绍与应用

一、概述 flume是分布式的，可靠的，用于从不同的来源有效收集聚集和移动大量的日志数据用以集中式的数据存储的系统，最初由Cloudra公司开发，现为Apache基金会的顶级项目之一。二、概念、模型 1. Flume Event Flume事件 - 被定义为一个具有有效荷载的字节数据流和可选的字符串属性集。 2. Flume Agent： Flume 代理 - 是一个进程承载从外部源事

ng-pipes

ng-pipes

Installation

Get Started

Import all pipes

Import pipes by module

Declare specific pipes

Contributing

Submitting a Pull Request (PR)

同类工具

相关阅读

相关文章

相关问答

相关文档