Javascript 局部视图不显示_Javascript_Html_Ionic Framework_Ionic

Javascript 局部视图不显示

javascript html ionic-framework

Javascript 局部视图不显示,javascript,html,ionic-framework,ionic,Javascript,Html,Ionic Framework,Ionic,我在从爱奥尼亚的主视图导航到局部视图时遇到了一个问题。我正在按照《爱奥尼亚》中定义的规则做每件事，但我似乎还不能对这个问题保持清醒的头脑我的代码如下 index.html： <!DOCTYPE html> <html lang="en" class="no-js"> <head> <meta charset="UTF-8" /> <script src="lib/ionic/js/ionic.bundle.js">

我在从爱奥尼亚的主视图导航到局部视图时遇到了一个问题。我正在按照《爱奥尼亚》中定义的规则做每件事，但我似乎还不能对这个问题保持清醒的头脑

我的代码如下

index.html：

<!DOCTYPE html>
 <html lang="en" class="no-js">
<head>
    <meta charset="UTF-8" />
     <script src="lib/ionic/js/ionic.bundle.js"></script>
</head>
<body ng-app="app">
    <ion-nav-view></ion-nav-view>

    <script type="text/javascript" src="app/app.js"></script>
    <script type="text/javascript" src="app/AppCtrl.js"></script>
    <script type="text/javascript" src="app/PartialCtrl.js"></script>

</body>

我的AppCtrl控制器文件：

 //App Controller 
(function(){
  'use strict';

  angular.module('app').controller('AppCtrl',AppCtrl);

  AppCtrl.$Inject = ['$scope','$ionicModal','$timeout','$state'];

  function AppCtrl($scope, $ionicModal, $timeout,$state){

   console.log ("App Controller Initialed ---> ");


   }

   })();

(function (){

 'use strict';
  angular
  .module('app')
  .controller('PartialCtrl',PartialCtrl);

  PartialCtrl.$inject = ['$scope'];


  function PartialCtrl($scope){
     var vm = this;
     console.log("PartialCtrl Initiated -->");


  }

})();

我的PartialCtrl.js控制器文件：

 //App Controller 
(function(){
  'use strict';

  angular.module('app').controller('AppCtrl',AppCtrl);

  AppCtrl.$Inject = ['$scope','$ionicModal','$timeout','$state'];

  function AppCtrl($scope, $ionicModal, $timeout,$state){

   console.log ("App Controller Initialed ---> ");


   }

   })();

(function (){

 'use strict';
  angular
  .module('app')
  .controller('PartialCtrl',PartialCtrl);

  PartialCtrl.$inject = ['$scope'];


  function PartialCtrl($scope){
     var vm = this;
     console.log("PartialCtrl Initiated -->");


  }

})();

我只想在单击menu.html文件上的链接时转到partialview.html

有人能告诉我我做错了什么吗

我的文件结构如下所示：

您可以找到完整的源代码。

有人能帮我吗？

在你的

app.js

中，你这样说：

$stateProvider.state('app.partialview', {
      url: "/partialview",
      views: {
            'menuContent': {
            templateUrl: "app/partials/partialview.html",
            controller: 'PartialCtrl as vm'
          }
        }
      });

views

属性表示视图中有嵌套视图。因此，您必须具有2个

离子导航视图

。一个用于所有内容，一个用于局部视图

因此，解决方案是：只需在

菜单.html

中添加一个

ion导航视图

，就可以了！像这样：

该名称必须与您在

app.js

文件中输入的名称相同。如果您想了解有关视图和布线的更多信息，请查看。如果您想了解具有嵌套视图的ionic应用程序的示例，可以查看