Question

我正在尝试使用离子框架构建一个Android应用程序。这下面是我的index.html文件，但它似乎对这些类没有用。所有我得到的只是纯文本而不是没有任何东西。

请你帮忙。

<!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> My TODO APp</title>

        <link href="lib/ionic/css/ionic.min.css" rel="stylesheet">
        <link href="css/style.css" rel="stylesheet">
        <script src="lib/ionic/js/ionic.bundle.min.js"></script>
        <script src="js/app.js"></script>

   </head>   

   <body class="platform-android" ng-app="todo" ng-controller="TodoCtrl">

         <ion-header-bar class="bar-positive">

            <button class="button button-icon icon ion-ios7-minus-outline" ng-click="data.showDelete =
            !data.showDelete; data-showReorder = false"></button>

            <h1 class="title"> TODO tasks </h1>

            <button class="button button-icon  ion-arrow-move" ng-click="data.showDelete = false
            ; data.showReorder = !data.showReorder"></button>

         </ion-header-bar>

         <ion-content>

            <ion-list show-delete="data.showDelete" show-reorder="data.showReorder">

                <ion-item ng-show="!tasks.length">
                    no task
                </ion-item>

                <ion-item ng-show="tasks.length" ng-repeat="task in tasks" item="task">
                    {{task.task_name}}

                    <ion-delete-button class="ion-minus-circled" ng-click="onItemDelete(task.task_id)">
                         Delete
                    </ion-delete-button>

                    <ion-option-button class="button-assertive" ng-click="onItemEdit(task.task_id)">
                         Edit
                    </ion-option-button>

                    <ion-reorder-button class="ion-navicon" on-reorder="moveItem(task.task_id, fromIndex, toIndex)">

                    </ion-reorder-button>
                </ion-item>
            <ion-list>

         </ion-content>

         <!-- to create a new screen wheree the tasks will be displayed -->

         <script id="new-task.html" type="text/ng-template">

             <div class="modal">

                  <ion-header-bar class="bar-stable">

                         <h1 class="title"> New Task </h1>
                         <button class="button button-clear button-positive" ng-click="closeNewTask()">
                            Cancel
                         </button>
                  </ion-header-bar>

                  <ion-content>
                         <form ng-submit="createTask(task)">
                              <div class="list">
                                  <label class="item item-input">
                                        <input type="text" placeholder="What do you need to do?" ng-model="task.title">
                                  </label>
                              </div>
                              <div class="padding">
                                  <button type="submit" class="button button-block button-positive" ng-click="closeNewTask()">
                                     create task
                                  </button>
                              </div>
                         </form>
                  </ion-content>
             </div>


         </script>

         <ion-footer-bar class="bar-poistive">
                <button class="button button-icon pull-right" ng-click="newTask()">
                    <i class="icon ion-compose"></i>
                </button>

         </ion-footer-bar>


   </body>

</html>

离子css类不起作用

0 个答案: