Как привязать угловой контроллер к содержимому вкладки в kendo tabstrip

Question

Я использую KendoTabStrip и KendoGrid для создания своей страницы. В моей вкладке TabStrip есть несколько вкладок, содержимое каждой вкладки является сеткой. Я помещаю каждую сетку в отдельный HTML-файл и использую contentUrl для их загрузки, вот так

http://demos.telerik.com/kendo-ui/tabstrip/ajax

Но, похоже, если я связать угловой контроллер в каждом файле не работает. Код для содержимого вкладки выглядит следующим образом:

<div class="k-content" ng-controller="testCtrl">
    <div class="data-grid" id="testGrid">
    </div>
</div>

Контроллер, кажется, не был связан. Кто-нибудь может помочь?

Answer 1

Попробуй это

<div ng-controller="MyCtrl">
            <div kendo-tab-strip k-content-urls="[ null, null]">
              <!-- tab list -->
              <ul>
                <li class="k-state-active">First tab</li>
                <li>Second tab</li>
              </ul>

              <div style="padding: 1em">
                This is the first tab
              </div>

              <div style="padding: 1em">
                This is the second tab
              </div>
            </div>
        </div>