JSFiddle - React, Tailwind, and code Playground

by damyanpetev

HTML

<div ng-app>
      <label>Name:</label>
      <input type="text" ng-model="yourName" placeholder="Enter a name here">
      <hr>
      <h1>Hello {{yourName}}!</h1>
        <ig-combo id="combo1"
                      data-source="northwind"
                      value-key-type="number"
                      value-key="ProductID"
                      text-key-type="string"
                      text-key="ProductName"
          ng-model="combo.value1" />
    </div>
         <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script>
<script src="//cdn-na.infragistics.com/jquery/20132/latest/js/modules/infragistics.util.js"></script>
	<script src="//cdn-na.infragistics.com/jquery/20132/latest/js/modules/infragistics.datasource.js"></script>
	<script src="//cdn-na.infragistics.com/jquery/20132/latest/js/modules/infragistics.ui.shared.js"></script>
	<script src="//cdn-na.infragistics.com/jquery/20132/latest/js/modules/infragistics.ui.combo.js"></script>
	<script src="//cdn-na.infragistics.com/jquery/20132/latest/js/modules/infragistics.ui.validator.js"></script>
    <script src="http://igniteui.github.io/igniteui-angular/src/igniteui-angular.js"></script>

JavaScript

// this must execute before onload (before Angular's bootstrap kicks in)
//var app = angular.module('sample', ['igniteui-directives']);
/*

*/
// Or using deffered bootstrap:
window.name += " NG_DEFER_BOOTSTRAP!";
// when resuming bootstrap pass Ignite UI module to be loaded:
//angular.resumeBootstrap(['igniteui-directives']);