2014-02-07 5 views
0

Я пытаюсь использовать angular-kendo в приложении Дартс. Любые идеи о том, как это сделать? В настоящее время, когда в включают угловой kendo.js в HTML файл я получаюangular-kendo in Dart

'Ломая на исключение: ReferenceError: Угловая не определен'

Вот мой HTML-файл:

<html ng-app> 

<head> 
    <meta charset="utf-8"> 
    <title>Business portal app</title> 

    <link rel="stylesheet" href="../lib/kendo/styles/kendo.common.min.css"> 
    <link rel="stylesheet" href="../lib/kendo/styles/kendo.default.min.css"> 
    <link rel="stylesheet" href="../lib/bootstrap/bootstrap.min.css"> 
</head> 


<body> 

<select kendo-drop-down-list> 
    <option value="1">Thing 1</option> 
    <option value="2">Thing 2</option> 
    <option value="3">Thing 3</option> 
</select> 
<!------------------- Javascript Includes ----------------------> 
     <script src="../lib/jquery.min.js"></script> 
     <!-- <script src="../lib/bootstrap/js/bootstrap.min.js"></script> --> 
     <script src="../lib/kendo/kendo.all.min.js"></script> 
     <script src="../lib/angular-kendo/angular-kendo.js"></script> 
     <script type="application/dart" src="business_portal_app.dart"></script> 
     <script src="packages/browser/dart.js"></script> 
     <!-- <script src="packages/browser/interop.js"></script> --> 

    </body> 
</html> 

и вот файл дротика:

import 'dart:html'; 
import 'package:angular/angular.dart'; 

class MyAppModule extends Module { 
    BusinessPortalModule() { 

    } 
} 

void main() { 
    ngBootstrap(module: new MyAppModule()); 
} 

Спасибо.

+0

директивы углового кендо/компоненты написаны на JavaScript и не будет работать с AngularDart. Вы должны добавить зависимость AngularJS - см. @ChristoperMarshall s anwer. AFAIK AngularJS и AngularDart не будут работать одновременно на одной странице. Директивы angular-kendo должны быть перенесены в AngularDart для работы без AngularJS. –

ответ

0

Вы упускаете угловую DEPENDENCY

From the Docs

Чтобы использовать угловой кендо, вы необходимости включение углового kendo.js файла в вашей странице НИЖЕ угловой и Кендо UI. Не забывайте, что Кендо UI зависит от JQuery, так что вы будете нуждаться в том, что тоже:

<script src="js/angular-1.0.5.min.js"></script> 

Кроме того, убедитесь ваше имя приложения определено.

например

<html ng-app="myAppName"> 
+0

Почему downvote? –