open-index/open-npm huggingface dataset:
npm package: @ngx-reflective-forms/core
Description: Core NgxReflectiveForms Package
Author: Miguel Franken
Latest version: 0.0.8

<div align="center">
  <a href="https://github.com/MiguelFranken/ngx-reflective-forms"><img src="https://raw.githubusercontent.com/MiguelFranken/ngx-reflective-forms/master/logo.svg?sanitize=true"></a>
  <br/>
  Angular Forms Powered By Reflection
  <br/>
  <b>Core Library</b>
  <br/><br/>
  
  [![dependency-status][~dependency-status]](https://david-dm.org/miguelfranken/ngx-reflective-forms)
  [![dev-dependency-status][~dev-dependency-status]](https://david-dm.org/miguelfranken/ngx-reflective-forms?type=dev)
  [![codecov-status][~codecov-status]](https://codecov.io/gh/ngx-reflective-forms/ngx-reflective-forms)
</div>

## Getting Started 
```typescript
export class TestFormModel {
  name: string;
  surname: string;
  attributeWithoutControl = 10;
}
```

```typescript
@Injectable()
export class TestFormGroup extends FormGroup<TestFormModel> {
  @Control()
  @Default("Miguel")
  @Validator(TestFormValidator.validateName)
  public name: TextFormControl = undefined as any;

  @Control()
  @Default("Franken")
  public surname: TextFormControl = undefined as any;
}
```

```typescript
export class TestFormValidator {
    public static validateName(this: TextFormControl): void {
      if (this.value.length > 5) {
        throw new ValidationError("Max. 5 Characters");
      }
    }
}
```

```typescript
@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  providers: [TestFormGroup],
})
export class AppComponent implements OnInit {
  constructor(private form: TestFormGroup) {
  }
  
  ngOnInit(): void {
    this.form.init();
  }
}
```

[~dependency-status]: https://david-dm.org/miguelfranken/ngx-reflective-forms.svg
[~dev-dependency-status]: https://david-dm.org/miguelfranken/ngx-reflective-forms/dev-status.svg
[~codecov-status]: https://codecov.io/gh/ngx-reflective-forms/ngx-reflective-forms/branch/master/graph/badge.svg
npm package: @ngx-reflective-forms/ionic
Description: Ionic NgxReflectiveForms Package
Author: Miguel Franken
Latest version: 0.0.8

<div align="center">
  <a href="https://github.com/MiguelFranken/ngx-reflective-forms"><img src="https://raw.githubusercontent.com/MiguelFranken/ngx-reflective-forms/master/logo.svg?sanitize=true"></a>
  <br/>
  Angular Forms Powered By Reflection
  <br/>
  <b>Ionic Library</b>
  <br/><br/>
  
  [![dependency-status][~dependency-status]](https://david-dm.org/miguelfranken/ngx-reflective-forms)
  [![dev-dependency-status][~dev-dependency-status]](https://david-dm.org/miguelfranken/ngx-reflective-forms?type=dev)
  [![codecov-status][~codecov-status]](https://codecov.io/gh/ngx-reflective-forms/ngx-reflective-forms)
</div>

## Getting Started 
```typescript
export class TestFormModel {
  name: string;
  surname: string;
  attributeWithoutControl = 10;
}
```

```typescript
@Injectable()
export class TestFormGroup extends FormGroup<TestFormModel> {
  @Control()
  @Default("Miguel")
  @Validator(TestFormValidator.validateName)
  public name: TextFormControl = undefined as any;

  @Control()
  @Default("Franken")
  public surname: TextFormControl = undefined as any;
}
```

```typescript
export class TestFormValidator {
    public static validateName(this: TextFormControl): void {
      if (this.value.length > 5) {
        throw new ValidationError("Max. 5 Characters");
      }
    }
}
```

```typescript
@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  providers: [TestFormGroup],
})
export class AppComponent implements OnInit {
  constructor(private form: TestFormGroup) {
  }
  
  ngOnInit(): void {
    this.form.init();
  }
}
```

[~dependency-status]: https://david-dm.org/miguelfranken/ngx-reflective-forms.svg
[~dev-dependency-status]: https://david-dm.org/miguelfranken/ngx-reflective-forms/dev-status.svg
[~codecov-status]: https://codecov.io/gh/ngx-reflective-forms/ngx-reflective-forms/branch/master/graph/badge.svg
npm package: @ngx-resource/handler-ngx-http
Description: Resource handler for angular
Author: Roman Rosluk
Latest version: 15.0.1

# @ngx-resource/handler-ngx-http

It's implementation of `ResourceHandler` which uses Angular `HttpClient`

# If you are using Angular 5, please use @ngx-resource/handler-ngx-http 5.x

## How to install and setup it
```bash
& npm i --save @ngx-resource/core @ngx-resource/handler-ngx-http
```

In you app module
```typescript

// AoT requires an exported function for factories
export function myHandlerFactory(http: HttpClient) {
    return new MyResourceHandler(http);
}

@NgModule({
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    HttpClientModule,

    // Default ResourceHandler uses class `ResourceHandlerHttpClient`
    ResourceModule.forRoot()
    
    // Or set you own handler
    //ResourceModule.forRoot({
    //  handler: { provide: ResourceHandler, useFactory: (myHandlerFactory), deps: [HttpClient] }
    //})
  ],
  declarations: [...],
  bootstrap: [...],
  entryComponents: [...],
  providers: [...]
})
export class AppModule {
}
```

## [Docs about @ngx-resource/core](https://github.com/troyanskiy/ngx-resource-core/blob/master/README.md)
npm package: @ngx-resource/handler-ngx-http-legacy
Description: Resource handler Angular old http
Author: Roman Rosluk
Latest version: 5.0.0

# @ngx-resource/ngx-http-legacy

It's implementation of `ResourceHandler` which uses Angular `Http` from `@angular/http`

## How to install and setup it
```bash
& npm i --save @ngx-resource/core @ngx-resource/ngx-http-legacy
```

In you app module
```typescript

// AoT requires an exported function for factories
export function myHandlerFactory(http: Http) {
    return new MyResourceHandler(http);
}

@NgModule({
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    HttpClientModule,

    // Default ResourceHandler uses class `ResourceHandlerHttp`
    ResourceModule.forRoot()
    
    // Or set you own handler
    //ResourceModule.forRoot({
    //  handler: { provide: ResourceHandler, useFactory: (myHandlerFactory), deps: [Http] }
    //})
  ],
  declarations: [...],
  bootstrap: [...],
  entryComponents: [...],
  providers: [...]
})
export class AppModule {
}
```

## [Docs about @ngx-resource/core](https://github.com/troyanskiy/ngx-resource-core/blob/master/README.md)