Question

我使用creator.ionic.io创建了一个基本注册页面。我已下载，部署在手机中并按预期方式发布。

我试图探索离子生成的html页面并最终得到一个问题。

我无法找到index.html如何呈现register.html页面，即div标签中的链接到register.html页面的位置。

项目中存在2个config.xml，我不确定哪个被认为是构建。

一个是在android平台内 - 我：\ myprojects \ silyap \ platforms \ android \ res \ xml \ config.xml

其他位于项目名称文件夹： I：\ MyProjects下\ silyap \ config.xml中

config.xml都有标记内容src =“index.html”

有人可以澄清它。

以下是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></title>

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

    <!-- cordova script (this will be a 404 during development) -->
    <script src="cordova.js"></script>

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" rel="stylesheet">
    -->

    <script src="js/app.js"></script>
    <script src="js/controllers.js"></script>
    <script src="js/routes.js"></script>
    <script src="js/services.js"></script>
    <script src="js/directives.js"></script>

  </head>
  <body ng-app="app" animation="slide-left-right-ios7">
  <div>
    <div>
        <ion-nav-bar class="bar-stable">
            <ion-nav-back-button class="button-icon icon ion-ios-arrow-back">Back</ion-nav-back-button>
        </ion-nav-bar>
        <ion-nav-view></ion-nav-view>
    </div>
</div>
  </body>
</html>

register.html页面

<ion-view title="Register">
    <ion-content overflow-scroll="true" padding="true" scroll="false" class="has-header has-footer">
        <form class="list">
            <ion-list>
                <label class="item item-input" name="Number">
                    <span class="input-label">Number</span>
                    <input type="tel" placeholder="">
                </label>
                <label class="item item-input" name="Email">
                    <span class="input-label">Email</span>
                    <input type="text" placeholder="">
                </label>
                <label class="item item-input">
                    <span class="input-label">Password</span>
                    <input type="text" placeholder="">
                </label>
            </ion-list>
            <button class="button  button-block ">Register</button>
        </form>
    </ion-content>
</ion-view>

Answer 1

很棒，你正在使用Ionic Creator。如果您不熟悉实际的离子代码，我建议您查看http://AppCamp.io以了解Angular + Ionic如何协同工作。

链接到离子创建者页面中的html页面

1 个答案: