Registry / ui / angular-schema-form-bootstrap

angular-schema-form-bootstrap

library0.2.0jsnpmunverified

Bootstrap 3 decorator for Angular Schema Form, providing a Bootstrap 3 frontend for form rendering. Current stable version is 0.2.0. This is a separate package that replaced the previous built-in Bootstrap decorator in angular-schema-form v0.8.7+. It uses the new builder system, eliminating the need for <bootstrap-decorator> tags. Key differentiator: offers Bootstrap 3 styling for forms built with Angular Schema Form, leveraging the modular decorator architecture. Release cadence is low, tied to angular-schema-form updates.

npm install angular-schema-form-bootstrap

package ↗

INSTALL

IMPORT

SIG · ANGULAR-SCHEMA-FOR

angular-schema-form-bootstrap

uijavascriptv0.2.0

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

bootstrapDecorator

✓ import 'angular-schema-form-bootstrap'

✗ import { bootstrapDecorator } from 'angular-schema-form-bootstrap'

This package is a side-effect module; importing it registers the decorator automatically.

default

✓ require('angular-schema-form-bootstrap')

✗ const bootstrapDecorator = require('angular-schema-form-bootstrap')

CommonJS usage: just require the module without assigning to a variable.

angular.module

✓ angular.module('myApp', ['schemaForm', 'bootstrap-decorator'])

✗ angular.module('myApp', ['schemaForm', 'angular-schema-form-bootstrap'])

Module name is 'bootstrap-decorator', not the package name.

Basic form setup using Angular Schema Form with Bootstrap decorator.

// Install: npm install angular-schema-form angular-schema-form-bootstrap // In HTML, include scripts: angular.min.js, schema-form.min.js, bootstrap-decorator.min.js angular.module('myApp', ['schemaForm', 'bootstrap-decorator']); // In controller $scope.schema = { type: 'object', properties: { name: { type: 'string', title: 'Name' }, email: { type: 'string', format: 'email', title: 'Email' }, age: { type: 'integer', title: 'Age', minimum: 0 } } }; $scope.form = [ { key: 'name' }, { key: 'email', type: 'email' }, { key: 'age', type: 'number' }, { type: 'submit', title: 'Submit' } ]; $scope.model = {}; // In HTML: // <form sf-schema="schema" sf-form="form" sf-model="model" sf-decorator="bootstrap"></form>

Debug

Known issues

breakingRemoval of <bootstrap-decorator> tags: In v0.2.0+, the form definition should no longer contain <bootstrap-decorator> elements.

fix

Remove any <bootstrap-decorator> tags from form definitions as the new builder handles decoration automatically.

affects: >=0.2.0

deprecatedAngularJS (1.x) end of life: This AngularJS library is built on a deprecated framework.

fix

Consider migrating to Angular (>=2) with a compatible schema form library or using a modern framework.

affects: *

gotchaRequired angular-schema-form >= 0.8.7: Older versions of angular-schema-form are not compatible with this decorator package.

fix

Update angular-schema-form to version 0.8.7 or higher.

affects: *

Errors

Common errors & fixes

Module 'bootstrap-decorator' is not available! You either misspelled the module name or forgot to load it.

The module name must be 'bootstrap-decorator' exactly, not the npm package name.

fix

Use angular.module('myApp', ['schemaForm', 'bootstrap-decorator']);

Error: [schemaForm] unknown decorator 'bootstrap'

The sf-decorator attribute value must be 'bootstrap' (lowercase) and the correct module must be loaded.

fix

Ensure angular-schema-form-bootstrap is loaded and module is included: angular.module('myApp', ['schemaForm', 'bootstrap-decorator']);

Uncaught TypeError: Cannot read property 'bootstrap' of undefined

Missing or incorrect dependency injection of the decorator module.

fix

Add 'bootstrap-decorator' as a dependency in your main angular module.

Upgrade

Version history

0.2.0latest on npm

Audit

Dependencies

angular-schema-formrequiredCore library required for form schema processing

angularrequiredPeer dependency for AngularJS framework

Agent activity

35 hits · last 30 days

node

OpenAI (training)

Resources

packageangular-schema-form-bootstrap ↗