angular-select-state/lib/angular-select-state.ts

An AngularJS module that generates a list of US states using the HTML select tag.

/// <reference path="../typings/angularjs/angular.d.ts" />

module ConnectPaymentsAdmin {
    'use strict';

    interface StatesScope extends ng.IScope {
        states: { code: string, name: string }[];
    }

    class SelectStateDirective {
        public link: (scope: StatesScope, element: ng.IAugmentedJQuery, attrs: ng.IAttributes) => void;
        public template = '<select><option ng-repeat="state in states" value="{{state.code}}">{{state.name}}</option></select>';
        public replace = true;
        public scope = {};

        constructor() {
            var states = [
                { code: 'AL', name: 'Alabama' },
                { code: 'AK', name: 'Alaska' },
                { code: 'AZ', name: 'Arizona' },
                { code: 'AR', name: 'Arkansas' },
                { code: 'CA', name: 'California' },
                { code: 'CO', name: 'Colorado' },
                { code: 'CT', name: 'Connecticut' },
                { code: 'DE', name: 'Delaware' },
                { code: 'DC', name: 'District Of Columbia' },
                { code: 'FL', name: 'Florida' },
                { code: 'GA', name: 'Georgia' },
                { code: 'HI', name: 'Hawaii' },
                { code: 'ID', name: 'Idaho' },
                { code: 'IL', name: 'Illinois' },
                { code: 'IN', name: 'Indiana' },
                { code: 'IA', name: 'Iowa' },
                { code: 'KS', name: 'Kansas' },
                { code: 'KY', name: 'Kentucky' },
                { code: 'LA', name: 'Louisiana' },
                { code: 'ME', name: 'Maine' },
                { code: 'MD', name: 'Maryland' },
                { code: 'MA', name: 'Massachusetts' },
                { code: 'MI', name: 'Michigan' },
                { code: 'MN', name: 'Minnesota' },
                { code: 'MS', name: 'Mississippi' },
                { code: 'MO', name: 'Missouri' },
                { code: 'MT', name: 'Montana' },
                { code: 'NE', name: 'Nebraska' },
                { code: 'NV', name: 'Nevada' },
                { code: 'NH', name: 'New Hampshire' },
                { code: 'NJ', name: 'New Jersey' },
                { code: 'NM', name: 'New Mexico' },
                { code: 'NY', name: 'New York' },
                { code: 'NC', name: 'North Carolina' },
                { code: 'ND', name: 'North Dakota' },
                { code: 'OH', name: 'Ohio' },
                { code: 'OK', name: 'Oklahoma' },
                { code: 'OR', name: 'Oregon' },
                { code: 'PA', name: 'Pennsylvania' },
                { code: 'RI', name: 'Rhode Island' },
                { code: 'SC', name: 'South Carolina' },
                { code: 'SD', name: 'South Dakota' },
                { code: 'TN', name: 'Tennessee' },
                { code: 'TX', name: 'Texas' },
                { code: 'UT', name: 'Utah' },
                { code: 'VT', name: 'Vermont' },
                { code: 'VA', name: 'Virginia' },
                { code: 'WA', name: 'Washington' },
                { code: 'WV', name: 'West Virginia' },
                { code: 'WI', name: 'Wisconsin' },
                { code: 'WY', name: 'Wyoming' }
            ]

            SelectStateDirective.prototype.link = (scope: StatesScope, element: ng.IAugmentedJQuery, attrs: ng.IAttributes) => {
                scope.states = states.slice();
            };
        }

        public static Factory() {
            var directive = () => {
                return new SelectStateDirective();
            };

            directive.$inject = [];

            return directive;
        }
    }
    angular
        .module('selectState', [])
        .directive('selectState', SelectStateDirective.Factory());
}