Question

我在设置此组合时遇到了一些问题，例如md-slider和md-checkbox等内容无法显示在我的页面上。＆＃34;是＆＃34;和＆＃34;不＆＃34;是可点击的，好像它们是一个复选框，但框不会显示。

＆＃13;

<!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>

＆＃13;

Answer 1

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

角度和离子问题

1 个答案: