Home

Awesome

Angular Select2

Angular Select2 is an Angularjs component that can replacement for select boxes.

Features

Requirements

Quick start

Several quick start options are available:

What's included

mdr-angular-select2/
  dist/
    ├── mdr-select2.js
    └── mdr-select2.min.js

Documentation

Usage

Load JS
<script href="mdr-angular-select2/dist/mdr-select2.min.js"></script>
Code
angular.module('MyApp', ['mdr.select2'])
HTML View or Templates

Basic Directive

<mdr-select2 url="http://miserver.com/json" options="item.estate for item in collection track by item.id"></mdr-select2>

Complete Directive (All attributes)

<mdr-select2 src="collection" options="item.estate group by item.zone for item in collection | orderBy:'item' track by item.id" model="model" selected="value" placeholder="Seleccionar" allow-clear="true" disabled="true" required="true"></mdr-select2>

API

Attributes
AttributeTypeDescription
urlstringIs the path where you get list of items.
srcarrayCollection of objects.
optionsstringDynamically generate a list of <option> elements.
modelobjectGet model selected (Output).
selectedobjectSet select value by track (Input).
allow-clearbooleanIf required clear selection the component is marked as true.
placeholderstringText into placeholder.
disabledbooleanIf required disable the component is marked as true.
requiredbooleanIf is required the component is marked as true.

How to contribute

All contributions are very welcome, We love it. There are several ways to help out:

There are a few guidelines that we need contributors to follow so that we have a chance of keeping on top of things.

If you want to making changes Better avoid working directly on the master branch, to avoid conflicts if you pull in updates from origin, so, if make your contribution under the branch dev, into folder src/.

Community

Creators

@AlfredoBarronC

Copyright and license

Code and documentation (c) Copyright 2015 Modulr. Code published under license MIT