IONIC 数据表 - 在 ionic 1.x 中使用 angular 1.x 数据表时出错答案

【问题标题】：IONIC datatables - error while using angular 1.x data tables in ionic 1.xIONIC 数据表 - 在 ionic 1.x 中使用 angular 1.x 数据表时出错
【发布时间】：2017-06-16 21:36:44
【问题描述】：

我正在尝试使用来自 http://l-lin.github.io/angular-datatables/archives/#/zeroConfig 的角度数据表，但收到此错误 ionic datatable error snippet

<head>
  <script src="js/controllers.js"></script>
  <script src="js/services.js"></script>
  <script src="js/app.js"></script>
  <script src="js/jquery.js"></script>
  <script src="js/moment.min.js"></script>
  <script src="js/ion.sound.min.js"></script>
  <script src="js/angular-datatables/angular-datatables.js"></script>
  <script src="js/jquery.dataTables.min.js"></script>
</head>
  <body ng-app="starter">
  </body>

app.js

app.js 中没有 .state() ，也没有单独的控制器。因为我没有使用任何 view{} 或 .state() 。而是使用 & 显示它。所以，以下是我正在使用的控制器的逻辑。

使用 viewCtrl 的 view1 在登录后最初显示，当 view1 不为真时显示 view2，即 $scope.view1=false; 对 view2 使用与 view1 相同的控制器。在 view2 中，我试图显示数据表，这给出了上述错误。

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services', 'datatables'])
.run(function($ionicPlatform) {}

【问题讨论】：

标签： jquery angularjs ionic-framework datatable ionic-view

【解决方案1】：

由于默认情况下首先在 ionic 中加载 angular。因此，我们需要将 ionic.js 放在下面提到的顺序中。 Ionic 会加载 Angular 本身，所以我们不需要单独定义它。

<script src="js/jquery.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>

<script src="js/angular-datatables.min.js"></script>
<link href="css/angular-datatables.css"></link>

【讨论】：