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 ng2-soil-input-form with all npm packages installed. Try it out:

var ng2SoilInputForm = require("ng2-soil-input-form")

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

ng2-soil-input-form v2.1.1

Add a soil input form to Angular2 projects.

Angular 2 soil input form

license screenshot

An Angular2 component that allows one to insert a soil pit entry form into a project. This is highly influenced by the soil data sheets that we use here in Western Canada, but I suspect it would be a solid starting point for any soil pit data collection needs.

The project is part of the larger Saskatchewan Soil Information Systemn (SKSIS- link to come).

installation

npm i ng2-soil-input-form --save

usage

import { NgModule } from '@angular/core';
import { SoilPitFormModule } from 'ng2-soil-input-form';

@NgModule({
  imports     : [ SoilPitFormModule ]
})

export class YourModule {}
import { Component } from '@angular/core';

@Component({
    selector: 'your-component',
    template: `<soil-pit-form></soil-pit-form>`
})
export class YourComponent {}

handling data

The form will emit a soilFormSubmittedEmitter event upon submission.

<soil-pit-form (soilFormSubmittedEmitter)="yourHandlingFunctionHere($event)"></soil-pit-form>

In the near future I expect to to provide an API that will provide CRUD operations on soil pit data if you don't want to store it yourself.

Metadata

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