繁体   English   中英

为什么这个简单的 Angularjs 使用 syncfusion 会抛出错误 Uncaught TypeError: Cannot read property 'widget' of undefined

[英]Why does this simple Angularjs using syncfusion throws me the error Uncaught TypeError: Cannot read property 'widget' of undefined

我对 Angularjs 比较陌生,我正在尝试使用Syncfusion来实现一些图表,所以我从一个简单的代码开始,使用他们网站上提供的angularjs CDN 但这给我带来了错误。 我不确定我做错了什么。 我在 SO 或 Syncfusion 论坛中找不到任何与类似事物相关的帖子。 谁能帮帮我吗? 如果这是重复的,我真的很抱歉

这是他们网站上的帮助文档: Help DOC Syncfusion AngularjS

这是 CDN 链接页面: https://help.syncfusion.com/js/cdn#gsc.tab=0

以下是代码:

<!DOCTYPE html>
<html ng-app="DateCtrl">
<head>
    <title>Testing EJAngular</title>
        <!--jQuery Starts-->
        <script src="http://cdn.syncfusion.com/js/assets/external/jquery-1.10.2.min.js"></script>
        <!--jQuery Ends-->
        
        <!-- Angularjs CDN Starts -->
        <script src="http://cdn.syncfusion.com/js/assets/external/angular.min.js"></script>
        <!-- Angularjs CDN Ends -->
        
        <!--EJ Angular Starts-->
        <script src="http://cdn.syncfusion.com/18.2.0.44/js/common/ej.widget.angular.min.js"></script>
        <!--EJ Angular ENDS -->
    </script> 
</head>
<body ng-controller="DatePickerCtrl"> 
    <!--Container for ejDatePicker widget-->
    <input id="datepick" ej-datepicker e-value="dateValue" e-enableStrictMode="true" />
    
    <script type="text/javascript">
        var DateCtrl    =   angular.module('DateCtrl', ['ejangular'])
        
        DateCtrl.controller('DatePickerCtrl', function ($scope) {
            $scope.dateValue = "2/3/2013";
        });
    </script>
</body>
</html>

来自控制台的错误消息:

发布此答案,因为它可能对将来的某人有用。 需要添加更多的 CDN。 这是所有CDN:

<link href="http://cdn.syncfusion.com/18.2.0.44/js/web/flat-azure/ej.web.all.min.css" rel="stylesheet" />
<script src="http://cdn.syncfusion.com/js/assets/external/jquery-1.10.2.min.js"></script>
<script src="http://cdn.syncfusion.com/js/assets/external/jquery.easing.1.3.min.js"></script>
<script src="http://cdn.syncfusion.com/js/assets/external/jsrender.min.js"></script>
<script src="http://cdn.syncfusion.com/18.2.0.44/js/web/ej.web.all.min.js"></script> 

<!-- Angularjs CDN Starts -->
<script src="http://cdn.syncfusion.com/js/assets/external/angular.min.js"></script>
<!-- Angularjs CDN Ends -->

<!--EJ Angular Starts-->
<script src="http://cdn.syncfusion.com/18.2.0.44/js/common/ej.widget.angular.min.js"></script>
<!--EJ Angular ENDS -->

当我们没有引用所需的 Syncfusion 脚本文件时,通常会出现此问题。 查看以下链接中的 AngularJS 文档。

https://help.syncfusion.com/angularjs/overview

https://help.syncfusion.com/angularjs/accordion/getting-started#create-a-simple-accordion-in-angularjs

检查以下链接以获取 DatePicker 演示。

http://jsplayground.syncfusion.com/a1zdhiii

检查以下链接以了解有关 Syncfusion AngularJS DatePicker 的更多信息。

行为: https://help.syncfusion.com/angularjs/datepicker/behavior-settings

值绑定: https://help.syncfusion.com/angularjs/datepicker/data-and-event-binding

API 参考: https://help.syncfusion.com/api/js/ejdatepicker

我们也可以在 Syncfusion 论坛中提出疑问。

https://www.syncfusion.com/forums

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM