Angular: Empty Fiddle

http://angularjs.org/

by alansouzati

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular-route.min.js"></script>
<script src="http://localhost:9001/vendor/kendo/js/kendo.all.min.js"></script>
<script src="http://localhost:9001/vendor/hp-widget-factory/hp-widget-factory.min.js"></script>
<link rel="stylesheet" href="http://localhost:9001/vendor/kendo/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://localhost:9001/vendor/kendo/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://localhost:9001/vendor/hp-widget-factory/hp-widget-factory.min.css">
<div ng-controller="SampleCtrl">
   <div hw-dropdown options="options"></div>
</div>

JavaScript

var app = angular.module('myApp', ['hpWidgetFactory']);

app.controller('SampleCtrl', function ($scope) {

    $scope.options = {
        dataTextField: 'label',
        dataValueField: 'id',
        dataSource: {
            data: [{
                id: 'hp_palo_alto',
                label: 'Hp Palo Alto'
            }]
        }
    };
});