2014-02-07 250 views
0

我試圖在飛鏢應用中使用angular-kendo。任何想法如何做到這一點?目前,當包括在HTML文件角kendo.js我得到飛鏢角劍道

'打破例外:的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

你錯過角度依賴性

From the Docs

要使用角劍道,你需要包括在你的頁面下角和劍道UI的角kendo.js文件。不要忘記,劍道UI依賴於jQuery的,所以你會需要它:

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

另外,還要確保你的應用程序名稱定義。

E.g

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

爲什麼downvote? –