角度和离子问题答案

【问题标题】：Angular and Ionic Issues角度和离子问题
【发布时间】：2015-05-15 04:15:17
【问题描述】：

我在设置此组合时遇到了一些问题，诸如 md-slider 和 md-checkbox 之类的内容不会显示在我的页面上。 “是”和“否”可以像复选框一样单击，但不会显示该框。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/0.7.0/angular-material.min.css">
    <script src="lib/ionic/js/ionic.bundle.js"></script>
    <script src="cordova.js"></script>
    <script src="js/app.js"></script>
  </head>
  <body ng-app="starter">
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-animate.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-aria.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.7.0/angular-material.min.js"></script>
    <ion-pane>
      <ion-header-bar class="bar-stable">
        <h1 class="title">Ionic Blank Starter</h1>
      </ion-header-bar>
      <ion-content>
        <md-card>
          <md-checkbox>
            Yes
          </md-checkbox>
          <md-checkbox>
            No
          </md-checkbox>
        </md-card>
      </ion-content>
    </ion-pane>
  </body>
</html>

【问题讨论】：

标签： angularjs cordova material-design ionic

【解决方案1】：

首先从body标签中移除所有依赖，并将其移到head标签内。
您需要在所有角度参考之后包含cordova.js 和app.js
请记住将 ionic.bundle.js 置于所有 js 之上

【讨论】：