Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including contact-manage with all npm packages installed. Try it out:

require("browser-database/package.json"); // browser-database is a peer dependency. require("@angular/forms/package.json"); // @angular/forms is a peer dependency. require("zone.js/package.json"); // zone.js is a peer dependency. require("@angular/compiler/package.json"); // @angular/compiler is a peer dependency. require("@angular/core/package.json"); // @angular/core is a peer dependency. require("@angular/platform-browser-dynamic/package.json"); // @angular/platform-browser-dynamic is a peer dependency. require("rxjs/package.json"); // rxjs is a peer dependency. require("@angular/http/package.json"); // @angular/http is a peer dependency. require("@angular/router/package.json"); // @angular/router is a peer dependency. require("core-js/package.json"); // core-js is a peer dependency. require("@angular/common/package.json"); // @angular/common is a peer dependency. require("@angular/platform-browser/package.json"); // @angular/platform-browser is a peer dependency. require("@angular/animations/package.json"); // @angular/animations is a peer dependency. var contactManage = require("contact-manage")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

contact-manage v1.0.4

Bootstrap 4 / Angular based contacts add/edits forms

contact-manage

Bootstrap 4 / Angular based add/edit form for contacts

travis ci npm version

Coverage Report

Documentation

Demo

Installation

npm install contact-manage - install package

Usage

import {ContactManageModule} from 'contact-manage';

@NgModule({
  imports: [
    ContactManageModule
  ]
})
export class AppModule {
}

And use in template:

<app-contact-add></app-contact-add>

<app-contact-edit
        [backUrl]="['/']"
        [contactId]="id"
></app-contact-edit>

Or in routing:

const routes: Routes = [
  {path: 'add', component: ContactAddComponent}
  {path: 'edit/:id', component: ContactEditComponent}
];

As a result you should see the page with contact form in add or edit mode

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free