angularjs - can i use angular js with kendoUi wrappers? if yes how? -
i have 3 questions
- can use angular js kendoui wrappers? if yes how?
- if using angular js , kendo-all.min.js on same html tag let converting input tag auto-complete , @ same time binding ng-model possible affect can produce in each other?
- what angular-kendo is?
code point no-2
<script src="~/scripts/jquery-1.7.1.min.js"></script> <script src="~/scripts/kendo/kendo.all.min.js"></script> <script src="~/scripts/angular/angular.js"></script> <script src="~/scripts/angular/app.js"></script>*@ <script type="text/javascript"> $(document).ready(function () { var data = ["akshay", "tiwari", "ranjit", "swain"]; $("#name").kendoautocomplete({ datasource: data }); }) </script> <h2>kendoangular</h2> <div ng-app> <input id="name" type ="text" ng-model="yourname"/> <h2>{{yourname}}</h2> </div>
there kendo project you'll need include: https://github.com/kendo-labs/angular-kendo
what happen user types in autocomplete, selection bound angular scope item. "wrapper" makes bindings , allow angular updated.
from github: angular-kendo directive angularjs runs element through kendo ui declarative initialization, allowing take full advantage of kendo ui within context of angularjs application.
you plunker not including angular adapter located @ link above.
here instructions use: http://kendo-labs.github.io/angular-kendo/#/simple
var app = angular.module('your-angular-app', ["kendo.directives"]); // include directives add data-kendo , appropriate data- attributes.
Comments
Post a Comment