Registry / prodUctivity / angular-schema-form-dynamic-select

angular-schema-form-dynamic-select

library0.13.1jsnpmunverified

Angular Schema Form Dynamic Select (ASFDS) add-on v0.13.1 integrates angular-strap-select and angular-ui-select components into angular-schema-form to provide fully featured drop-downs with static/dynamic lists, single/multiple selection, HTTP GET/POST with property mapping, filters, and sync/async callbacks. Release cadence is low, with the last release in 2016. Key differentiator: drop-in replacement for angular-schema-form's existing selects with no form changes needed, separating validation from UI configuration.

prodUctivity

npm install angular-schema-form-dynamic-select

github ↗package ↗homepage ↗

INSTALL

IMPORT

SIG · ANGULAR-SCHEMA-FOR

angular-schema-form-dynamic-select

prodUctivityjavascriptv0.13.1

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.

angularSchemaFormDynamicSelect

✓ var app = angular.module('myApp', ['schemaForm', 'angularSchemaFormDynamicSelect']);

✗ var app = angular.module('myApp', ['angular-schema-form-dynamic-select']);

Module name uses camelCase 'angularSchemaFormDynamicSelect', not the package name. Used as an Angular module dependency.

Demonstrates basic setup: install dependency via Bower, add script tags, declare module dependency, and use strapselect type in a form schema.

// 1. Install dependencies via Bower: // bower install angular-schema-form-dynamic-select --save // 2. Add script tags after angular and schema-form: // <script src="bower_components/angular-strap/dist/angular-strap.min.js"></script> // <script src="bower_components/angular-schema-form-dynamic-select/dist/angular-schema-form-dynamic-select.min.js"></script> // 3. Add module dependency: angular.module('myApp', ['schemaForm', 'angularSchemaFormDynamicSelect']); // 4. Use in schema form: $scope.schema = { type: 'object', properties: { country: { type: 'string', title: 'Country', enum: ['USA', 'Canada', 'Mexico'] } } }; $scope.form = [ { key: 'country', type: 'strapselect', titleMap: { 'USA': 'United States', 'Canada': 'Canada', 'Mexico': 'Mexico' } } ]; $scope.model = {};

Debug

Known issues

deprecatedangular-schema-form-dynamic-select is no longer maintained. Last release was in 2016.

fix

Migrate to a modern alternative or use at your own risk.

affects: *

gotchaThe module name is 'angularSchemaFormDynamicSelect', not the package name.

fix

Use 'angularSchemaFormDynamicSelect' exactly as shown in the module dependency.

affects: *

gotchaui-select support is partial and experimental; features listed may not work with ui-select.

fix

Prefer strapselect type for full feature support, or refer to the ui-select documentation section.

affects: *

breakingRequires angular-strap as a dependency; not bundled.

fix

Install angular-strap via Bower or npm and include its scripts.

affects: *

Errors

Common errors & fixes

Error: [$injector:modulerr] Failed to instantiate module angularSchemaFormDynamicSelect

Module name mismatched or script not included.

fix

Ensure you use 'angularSchemaFormDynamicSelect' (camelCase) and include the add-on script after angular-schema-form.

Error: Unknown provider: strapSelectDirectiveProvider

angular-strap not loaded before the add-on.

fix

Include angular-strap script before the dynamic-select script.

Upgrade

Version history

0.13.1latest on npm

Audit

Dependencies

angular-schema-formrequiredThis add-on extends angular-schema-form, so it is a required peer dependency.

angular-strapoptionalRequired for the strap-select component support.

angular-ui-selectoptionalRequired for the ui-select component support.

Agent activity

5 hits · last 30 days

node

Amazon

Resources

githubhttps://github.com/OptimalBPM/angular-schema-form-dynamic-select ↗

packageangular-schema-form-dynamic-select ↗

homepagehttps://github.com/OptimalBPM/angular-schema-form-dynamic-select#readme ↗