1- <!DOCTYPE html>
1+ <!DOCTYPE html>
22< html >
33< head >
44 < title > igCombo - Ignite UI integration with AngularJS</ title >
88 < link type ="text/css " href ="http://cdn-na.infragistics.com/igniteui/latest/css/structure/modules/infragistics.ui.shared.css " rel ="stylesheet " />
99 < link rel ="stylesheet " href ="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css " type ="text/css " />
1010 < link rel ="stylesheet " href ="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css " type ="text/css " />
11- < link rel ="stylesheet " href ="/igniteui-angular/samples/ sample.css " />
11+ < link rel ="stylesheet " href ="sample.css " />
1212
1313< link type ="text/css " href ="http://cdn-na.infragistics.com/igniteui/latest/css/structure/modules/infragistics.ui.validator.css " rel ="stylesheet " />
1414< link type ="text/css " href ="http://cdn-na.infragistics.com/igniteui/latest/css/structure/modules/infragistics.ui.combo.css " rel ="stylesheet " />
2525 < span class ="icon-bar "> </ span >
2626 < span class ="icon-bar "> </ span >
2727 </ button >
28- < a class ="navbar-brand " href ="/ "> Ignite UI AngularJS Directives</ a >
28+ < a class ="navbar-brand " href ="/ "> Ignite UI AngularJS Directives</ a >
2929 </ div >
3030 < div class ="navbar-collapse collapse ">
3131 < ul class ="nav navbar-nav ">
32- < li > < a href =".. /index.html "> Home</ a > </ li >
32+ < li > < a href ="/igniteui-angular /index.html "> Home</ a > </ li >
3333 < li > < a href ="https://github.com/IgniteUI/igniteui-angular "> View on GitHub < i class ="fa fa-github "> </ i > </ a > </ li >
3434 </ ul >
3535 </ div >
3636 </ div >
3737 </ div >
3838
39- < div class ="push-down-md push-down-xl " ng-app ="igniteui-sample " ng-controller ="comboController ">
40- < h1 class ="push-down-md "> < a href ="http://igniteui.com/combo/overview " target ="_blank "> igCombo</ a > </ h1 >
41- < div class ="row description ">
42- < div class ="alert alert-info col-md-5 try-it-out ">
43- < span class ="h4 "> TRY IT OUT:</ span >
44- < hr />
45- < ul >
46- < li > Enter a Product ID in the textbox and see how the combos change</ li >
47- < li > Change a product's name in the group of textboxes below and see how the names change in each combo</ li >
48- </ ul >
49- </ div >
50- < div class ="col-md-4 ">
51- < p class ="lead "> This sample demonstrates how to use AngularJS directives to create igCombos.</ p >
52- < p > < a href ="https://github.com/IgniteUI/igniteui-angular/blob/master/samples/igCombo.html " class ="btn btn-default btn-lg btn-primary " target ="_blank "> < i class ="fa fa-code fa-lg "> </ i > Explore the Code</ a > </ p >
53- </ div >
39+ < div ng-app ="igniteui-sample " ng-controller ="comboController ">
40+ < h1 class ="push-down-md "> < a href ="http://igniteui.com/combo/overview " target ="_blank "> igCombo</ a > </ h1 >
41+ < div class ="row description ">
42+ < div class ="alert alert-info col-md-5 try-it-out ">
43+ < span class ="h4 "> TRY IT OUT:</ span >
44+ < hr />
45+ < ul >
46+ < li > Enter a Product ID in the textbox and see how the combos change</ li >
47+ < li > Change a product's name in the group of textboxes below and see how the names change in each combo</ li >
48+ </ ul >
49+ </ div >
50+ < div class ="col-md-4 ">
51+ < p class ="lead "> This sample demonstrates how to use AngularJS directives to create igCombos.</ p >
52+ < p > < a href ="https://github.com/IgniteUI/igniteui-angular/blob/master/samples/igCombo.html " class ="btn btn-default btn-lg btn-primary " target ="_blank "> < i class ="fa fa-code fa-lg "> </ i > Explore the Code</ a > </ p >
5453 </ div >
54+ </ div >
55+
5556 < div class ="row ">
5657 < div class ="col-sm-2 ">
5758 < input id ="product-id " class ="form-control " type ="text " ng-model ="combo.value1 "/>
5859 < div class ="text-sm text-muted text-right "> values: 1 - 20</ div >
5960 </ div >
6061 < div class ="col-sm-3 ">
62+
6163 < ig-combo id ="combo1 "
6264 data-source ="northwind "
6365 value-key-type ="number "
@@ -67,8 +69,10 @@ <h1 class="push-down-md"><a href="http://igniteui.com/combo/overview" target="_b
6769 width ="100% "
6870 ng-model ="combo.value1 ">
6971 </ ig-combo >
72+
7073 </ div >
7174 < div class ="col-sm-3 ">
75+
7276 < ig-combo id ="combo2 "
7377 data-source ="northwind "
7478 value-key-type ="number "
@@ -78,23 +82,24 @@ <h1 class="push-down-md"><a href="http://igniteui.com/combo/overview" target="_b
7882 width ="100% "
7983 ng-model ="combo.value1 ">
8084 </ ig-combo >
81- </ div >
85+
8286 </ div >
87+ </ div >
8388
84- < hr />
85- < h2 class ="h3 "> Edit Product Name</ h2 >
86- < div class ="row ">
89+ < hr />
90+ < h2 class ="h3 "> Edit Product Name</ h2 >
91+ < div class ="row ">
8792
88- < div class ="col-sm-3 " ng-repeat ="record in northwind ">
89- < input class ="form-control " ng-model ="record.ProductName ">
90- </ div >
93+ < div class ="col-sm-3 " ng-repeat ="record in northwind ">
94+ < input class ="form-control " ng-model ="record.ProductName ">
95+ </ div >
9196
92- </ div >
93- </ div >
97+ </ div >
98+ </ div >
9499
95100 < footer >
96101 < p >
97- < a href =".. /index.html "> Home</ a > |
102+ < a href ="/igniteui-angular /index.html "> Home</ a > |
98103 < a href ="https://github.com/IgniteUI/igniteui-angular/issues "> Feedback & Questions</ a > |
99104 < a href ="https://github.com/IgniteUI/igniteui-angular "> Clone & Fork</ a >
100105 </ p >
@@ -107,11 +112,14 @@ <h2 class="h3">Edit Product Name</h2>
107112 < script src ="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js "> </ script >
108113
109114< script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.util.js "> </ script >
115+ < script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.util.jquery.js "> </ script >
116+ < script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.util.jquerydeferred.js "> </ script >
110117< script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.templating.js "> </ script >
111118< script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.datasource.js "> </ script >
112119< script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.ui.shared.js "> </ script >
113120< script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.ui.combo.js "> </ script >
114121< script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.ui.validator.js "> </ script >
122+ < script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.templating.js "> </ script >
115123< script src ="../src/igniteui-angular.js "> </ script >
116124< script src ="js/igniteui-sample.js "> </ script >
117125< script src ="js/data/northwind.js "> </ script >
0 commit comments