açısal yönlendirmesi görünümü değiştirmiyor

Question

İyonik ve ui yönlendirme ile ilgili bir sorunum var, bir alt durumda gittiğimde, url güncelleştirildi, ancak görünüm aynı kalıyor. Ben görünümü değişmez app.search.product gitmek çalıştığınızda

bu doğrudan sağ url ekleme oraya gitmek bile benim routing.js

bu örnekte

.config(function($stateProvider, $urlRouterProvider, $locationProvider, $ionicConfigProvider) { 

    $ionicConfigProvider.views.maxCache(0); 

    $stateProvider 

     .state('app', { 
      url: "/", 
      abstract: true, 
      templateUrl: "menu.html", 
      controller: "menuCtrl" 
     }) 

     .state('app.home', { 
      url: "home", 
      cache: false, 
      views: { 
       'menuContent': { 
        templateUrl: "home.html", 
        controller: "homeCtrl" 
       } 
      } 
     }) 

     .state('app.search', { 
      url: "search", 
      views: { 
       'menuContent': { 
        templateUrl: "search.html", 
        controller: "searchCtrl" 
       } 
      } 
     }) 

     .state('app.search.product', { 
      url: "/product/:id", 
      views: { 
       'menuContent': { 
        templateUrl: "productPage.html", 
        controller: "singleProductCtrl" 
       } 
      } 
     }) 

     .state('app.search.product.market', { 
      url: "/product/:id", 
      views: { 
       'menuContent': { 
        templateUrl: "market.html",, 
        controller: "marketCtrl' 
       } 
      } 
     }); 
    // if none of the above states are matched, use this as the fallback 
    $urlRouterProvider.otherwise('/home'); 
}); 

olduğunu tarayıcı. Ayrıca ui-sref-dolaş = "{yeniden yükleme: true} ile uğraş ettik. Seçeneğiyle ama hiçbir şey değişimin İşte

sorunu gösteren bir plunker (sonra değişmez görünümünü bulun) https://plnkr.co/edit/JrNFkV50klZItOQS18Iu

Answer 1

Benimle deneyimim yok İyonik, ancak ui yönlendirici yapılandırmasına dayanarak açısal iç içe geçmiş bir görünüm bekler, ancak sayfanız yalnızca tek bir görünüme sahiptir. Anlamı, ikinci seviye (ürün) yüklemek için bir görüşe sahip değildir. Iyonik sanırım iç içe iyonik görünümler izin vermez (eğer yaparsa komik olurdu) sen iç içe biri olarak normal ui-view kullanabilirsiniz.

<ion-view view-title="Search"> 
<ion-content> 
    <h1>Search</h1> 
    <a ui-sref=".product({id: 1})">Go to product</a> 
    <ui-view name="secondLevel"></ui-view> 
</ion-content> 

burada değişiklikler yaparak kodu kontrol edin: https://plnkr.co/edit/LdgmoAEo1pS9spi1Su1z.

Aradığınız şeyin bu olup olmadığından emin değilsiniz. Plunkr'ınıza dayalı olarak, iç içe geçmiş görünümü yanlışlıkla tanımladığınız anlaşılıyor. Böyle bir durumda çözüm * .Ürün devlet adlarından .searchkaldırmak olacaktır: https://plnkr.co/edit/PGICsBhzyCOTSe9af4yu

 .state('app.product', { 
      url: "/product/:id", 
      views: { 
       'menuContent': { 
        templateUrl: "productPage.html" 
       } 
      } 
     }) 

     .state('app.market', { 
      url: "/product/:id", 
      views: { 
       'menuContent': { 
        templateUrl: "market.html" 
       } 
      } 
     }); 

Answer 2

denemeydi ürün link tag Go To ürün devletin ui-sref adına koymak olmasıdır ui-sref = "app.product"

Answer 3

bunu kullanın yapılandırma:.

$stateProvider 

     .state('app', { 
      url: "/", 
      abstract: true, 
      templateUrl: "menu.html", 
     }) 

     .state('app.home', { 
      url: "home", 
      views: { 
       'menuContent': { 
        templateUrl: "home.html" 
       } 
      } 
     }) 

     .state('app.search', { 
      url: "search", 
      views: { 
       'menuContent': { 
        templateUrl: "search.html" 
       } 
      } 
     }) 

     .state('app.product', { 
      url: "/product/:id", 
      views: { 
       'menuContent': { 
        templateUrl: "productPage.html" 
       } 
      } 
     }) 

     .state('app.market', { 
      url: "/product/:id", 
      views: { 
       'menuContent': { 
        templateUrl: "market.html" 
       } 
      } 
     }); 

Gümrüğe 'uygulaması .search.product 'örneğin, bu demektir ki arama durumunun şablonu (search.html), çocukların durumu yüklemek için bir görünümü olmalı ve bu durum böyle değil, görüşleriniz aynı "seviye" içinde hareket ediyor