<commit_before># ng2 Dynamic Forms (alpha)

ng2 Dynamic Forms is a rapid form development library based on the official Angular 2
[**dynamic form cookbook**](https://angular.io/docs/ts/latest/cookbook/dynamic-form.html).
It simplifies all the hard, troublesome work of implementing handcrafted forms by building
upon a layer of non-redundant object models.
Moreover it provides a flexible system of dynamic ui components with out of the box support for
**Angular 2 Material** and **Bootstrap**.

##Getting Started

**Install the core package:**
```
npm install @ng2-dynamic-forms/core --save
```
**Choose your ui library, e.g. Angular 2 Material, and install the corresponding package:**
```
npm install @ng2-dynamic-forms/ui-material --save
```
**When using SystemJS, update your configuration file:**
```
    var map = {

        // ...here goes all the rest

        "@ng2-dynamic-forms": "node_modules/@ng2-dynamic-forms"
    };

    var ng2DynamicFormsPackageNames = [

        "@ng2-dynamic-forms/core",
        "@ng2-dynamic-forms/ui-material"
    ];

    ng2DynamicFormsPackageNames.forEach(function (packageName) {

        packages[packageName] = {
            main: "index.js",
            defaultExtension: "js"
        };
    });
```
**`systemjs.config.js`**

**Define your dynamic form model:**
```
// TODO
```
**Plug in your ui component:**


```
<form [ngFormModel]="form">

    <div *ngFor="let controlModel of dynamicFormModel.items">

        <dynamic-form-material-control [model]="controlModel" [form]="form"></dynamic-form-material-control>

    </div>
<commit_msg>readme file updated<commit_after># ng2 Dynamic Forms (alpha)

ng2 Dynamic Forms is a rapid form development library based on the official Angular 2
[**dynamic form cookbook**](https://angular.io/docs/ts/latest/cookbook/dynamic-form.html).
It simplifies all the hard, troublesome work of implementing handcrafted forms by building
upon a layer of non-redundant object models.
Moreover it provides a flexible system of dynamic ui components with out of the box support for
**Angular 2 Material** and **Bootstrap**.

##Getting Started

**Install the core package:**
```
npm install @ng2-dynamic-forms/core --save
```
**Choose your ui library, e.g. Angular 2 Material, and install the corresponding package:**
```
npm install @ng2-dynamic-forms/ui-material --save
```
**When using SystemJS, update your configuration file:**
```
var map = {

    // ...here goes all the rest

    "@ng2-dynamic-forms": "node_modules/@ng2-dynamic-forms"
};

var ng2DynamicFormsPackageNames = [

    "@ng2-dynamic-forms/core",
    "@ng2-dynamic-forms/ui-material"
];

ng2DynamicFormsPackageNames.forEach(function (packageName) {

    packages[packageName] = {
        main: "index.js",
        defaultExtension: "js"
    };
});
```
**`systemjs.config.js`**

**Define your dynamic form model:**
```
// TODO
```
**Plug in your ui component:**


```
<form [ngFormModel]="form">

    <div *ngFor="let controlModel of dynamicFormModel.items">

        <dynamic-form-material-control [model]="controlModel" [form]="form"></dynamic-form-material-control>

    </div>

{'fraction_non_alphanumeric': 0.14020486555697823, 'fraction_numerical': 0.008322663252240717, 'mean_word_length': 3.829984544049459, 'pattern_counts': {'":': 2, '<': 13, '<?xml version=': 0, '>': 13, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '392380', 'n_tokens_mistral': 968, 'n_tokens_neox': 897, 'n_words': 286}