2013-12-05 3 views
1

Я новичок в интерфейсе AngularJS и Kendo. Я заметил, что у Kendo есть некоторые директивы AngularJS. https://github.com/kendo-labs/angular-kendo. Я пытаюсь выяснить, как сделать основной элемент управления вкладкой, используя директивы kendo. В настоящее время у меня есть следующее:Добавить вкладку Kendo с директивами AngularJS-Kendo

<div id="tabstrip" kendo-tab-strip> 
    <ul> 
    <li class="k-state-active">Tab 1</li> 
    <li>Tab 2</li> 
    </ul> 

    <div> 
    [Page 1] 
    </div> 
    <div> 
    [Page 2] 
    </div> 
</div> 

Однако управление табуляцией не является рендерингом. Я проверил, что включил angular-kendo.js. У меня есть рендеринг сетки Kendo. Поэтому я знаю, что правильно подключил библиотеки директив кендо. Что я делаю не так?

ответ

0

Ваш html верен, и поэтому директива. Вы не должны правильно вводить директивы, иначе вам не хватает некоторых kendos js. Проверьте это plunkr

0

У вас нет углового приложения, созданного экземпляром.

Добавьте следующее в начало фрагмента кода. Это минимальный минимум, необходимый для работы вашего образца:

<html> 
<head> 
<link rel="stylesheet" href="//cdn.kendostatic.com/2014.2.1008/styles/kendo.common.min.css"> 
<link rel="stylesheet" href="//cdn.kendostatic.com/2014.2.1008/styles/kendo.default.min.css"> 
</head> 
<body ng-app='app'> 
<script src="//code.jquery.com/jquery-1.10.0.min.js"></script> 
<script src="//code.angularjs.org/1.3.0/angular.min.js"></script> 
<script src="//cdn.kendostatic.com/2014.2.1008/js/kendo.all.min.js"></script> 
<script> 
    angular.module('app',['kendo.directives']); 
</script> 
Смежные вопросы