Fatal编程技术网
  • javascript/
  • Javascript &引用；“未找到页面”；添加第二个时出错<；ons模板>；标签

Javascript &引用；“未找到页面”；添加第二个时出错<；ons模板>；标签

javascript cordova

Javascript &引用；“未找到页面”；添加第二个时出错<；ons模板>；标签,javascript,cordova,onsen-ui,Javascript,Cordova,Onsen Ui,我是新来的，我正忙于一个： <body ng-controller="AppController"> <!-- Cordova reference --> <script src="cordova.js"></script> <script src="scripts/index.js"></script> <!-- --> <ons-navigator title=

我是新来的，我正忙于一个
：

<body ng-controller="AppController">
    <!-- Cordova reference -->
    <script src="cordova.js"></script>
    <script src="scripts/index.js"></script>
    <!-- -->

    <ons-navigator title="Navigator" var="myNavigator">

      <!-- Login Screen -->
      <ons-page>

        <div class="login-form" ng-controller="LoginController">
          <input type="text" class="text-input--underbar" placeholder="Membership Number" value="" ng-model="membershipNo">
          <input type="password" class="text-input--underbar" placeholder="Password" value="" ng-model="password">
          <br><br>
          <ons-button modifier="large" class="login-button">Log In</ons-button>
          <br><br>
          <ons-button modifier="quiet" class="register-link" onclick="myNavigator.pushPage('register', { animation : 'lift' } )">Register</ons-button>
        </div>

      </ons-page>
      <!-- Login Screen -->

      <!-- Register Screen -->
      <ons-template id="register">
        <ons-page>

          <div class="register-form" ng-controller="RegisterController">
            <input type="text" class="text-input--underbar" placeholder="Membership Number" value="" ng-model="membershipNo">
            <br><br>
            <ons-button modifier="large" class="register-button" onclick="myNavigator.pushPage('thanks', { animation : 'fade' } )">Register</ons-button>
          </div>

        </ons-page>
      </ons-template>
      <!-- Register Screen -->

      <!-- Thanks Screen -->
      <ons-template id="thanks">
        <ons-page>

          <div class="thanks-notification" ng-controller="RegisterController">
            <h1>Thanks!</h1>
            <h3>Your login credentials will be sent to you via SMS.</h3>
            <br><br>
            <ons-button modifier="large" class="ok-button">OK</ons-button>
          </div>

        </ons-page>
      </ons-template>
      <!-- Thanks Screen -->

    </ons-navigator>

</body>





登录



登记



登记
谢谢
您的登录凭证将通过短信发送给您。



好啊
从登录屏幕导航到注册屏幕效果很好，但是从注册屏幕导航到感谢屏幕会出现以下错误：

Error: Page is not found: thanks
    at Class.<anonymous> (onsenui.js:9703)
    at processQueue (angular.js:14567)
    at angular.js:14583
    at Scope.$get.Scope.$eval (angular.js:15846)
    at Scope.$get.Scope.$digest (angular.js:15657)
    at Scope.$get.Scope.$apply (angular.js:15951)
    at done (angular.js:10364)
    at completeRequest (angular.js:10536)
    at XMLHttpRequest.requestLoaded (angular.js:10477)

错误：找不到页面：谢谢
在课堂上。（onsenui.js:9703）
在processQueue（angular.js:14567）
在angular.js:14583
范围为$get.Scope.$eval（angular.js:15846）
at Scope.$get.Scope.$digest（angular.js:15657）
范围为$get.Scope.$apply（angular.js:15951）
完成时（angular.js:10364）
完成任务时（angular.js:10536）
在XMLHttpRequest.requestLoaded（angular.js:10477）
我一直在玩游戏，它似乎发生在您向导航器添加第二个ons模板时。有什么想法吗？

您不应该将
ons模板
放在导航器中。导航器应该只包含一个页面，其他所有内容都应该在该页面之外

你可以找到一份工作 CodePen代码示例（我删除了控制器）

结构示例：


....
....
....