Edit this page

Nest Widgets

Your AngularJS project might require you to nest Kendo UI widgets.

To achieve this behavior, make sure that the parent widget is initialized before you initialize the nested component. In such cases, you can use the k-ng-delay directive.

The following example demonstrates how to nest a Kendo UI Editor in a Kendo UI TabStrip.

Example
<div id="example" ng-app="KendoDemos">

  <div class="demo-section k-header">
    <div ng-controller="MyCtrl">
      <div kendo-tab-strip="tabstrip">
        <ul>
          <li class="k-state-active">First tab</li>
        </ul>
        <div>
          <textarea kendo-editor k-ng-delay="tabstrip"></textarea>
        </div>
      </div>
    </div>
  </div>

</div>

<script>
  angular.module("KendoDemos", [ "kendo.directives" ])
  .controller("MyCtrl", function($scope){
  })
</script>

See Also

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy