UI-Yönlendirici ve angularjs: Ana içerik görüntülenmiyor

index.html:UI-Yönlendirici ve angularjs: Ana içerik görüntülenmiyor

<body> 
    <div ui-view="header"></div> 
    <div ui-view></div> 
    <div ui-view="footer"></div> 
    <div id="footer" class="container" /> 
</body>

app.js:

.state('root', { 
    url: '', 
    abstract: true, 
    views: { 
     'header': { 
      templateUrl: 'views/header.html', 
      controller: 'HeaderCtrl' 
     }, 
     'footer': { 
      templateUrl: 'views/footer.html' 
     } 
    }, 
    data: { 
     requiresLogin: true 
    } 
}).state('root.home', { 
    url: '/', 
    views: { 
     '@': { 
      templateUrl: 'views/home.html', 
      controller: 'HomeCtrl' 
     } 
    }, 
    data: { 
     requiresLogin: true 
    } 
})

yüzden düzgün olarak adlandırılan ediliyor bir başlık ve alt sahip ve ekranda gösterildi ancak bazı nedenlerle, home.html gösterilmiyor. Şimdilik, home.html sadece içinde bir "Home" h1 başlığı içeriyor. İçerik için alan yaratılıyor gibi görünüyor, ancak bunu göstermiyor.

kaynak

2016-03-27 user1883614

.state('root', { 
    url: '', 
    abstract: true, 
    views: { 
     'header': { 
      templateUrl: 'views/header.html', 
      controller: 'HeaderCtrl' 
     }, 
     'main': { 
      template: '<div>This is default main content placeholder</div>' 
     }, 
     'footer': { 
      templateUrl: 'views/footer.html' 
     } 
    }, 
    data: { 
     requiresLogin: true 
    } 
}).state('root.home', { 
    url: '/', 
    views: { 
     '[email protected]': { 
      templateUrl: 'views/home.html', 
      controller: 'HomeCtrl' 
     } 
    }, 
    data: { 
     requiresLogin: true 
    } 
})

ve index.html içinde deneyin:

<body> 
    <div ui-view="header"></div> 
    <div ui-view="main"></div> 
    <div ui-view="footer"></div> 
    <div id="footer" class="container" /> 
</body>

kaynak

2016-03-27 04:06:09 sam

Hala çalışmıyor, o çalıştı ... Ben sorunun ne olduğu anlamaya olamaz. – user1883614

Görünüşe göre - konu başlığımın ana içeriğimi engelleyen bir kenar çubuğuna sahip olmasıydı ... – user1883614

UI-Yönlendirici ve angularjs: Ana içerik görüntülenmiyor

cevap

İlgili konular