angularjs - Cannot Get Partial View To Show -- Jade/Angular -
angularjs - Cannot Get Partial View To Show -- Jade/Angular -
i using boilerplate: https://github.com/jakemmarsh/angularjs-gulp-browserify-boilerplate
i added back upwards jade in regards gulp , builds out jade files html files.
when kicks browser, shows index.html header/footer partials loaded in. beingness said, doesn't load in home.html partial angular should loading in ui-router.
i new angular, sure missing simple.
index html file (built jade):
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1"> <!--title('{{title}}')--> <meta name="description" content="{{description}}"> <meta name="keywords" content="{{keywords}}"> <meta name="author" content=""> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/handheld.css" media="screen , (min-width:0px) , (max-width:1024px)"> <link rel="stylesheet" href="css/tablet.css" media="screen , (min-width:768px) , (max-width:1024px)"> <link rel="stylesheet" href="css/mobile.css" media="screen , (max-width:767px)"> </head> <body> <div id="wrapper"> <header id="header"> <div class="page clearfix"> <div class="top"> <ul> <li><a href="">khaccsupport</a></li> <li><a href="">khaccsupport</a></li> <li><a href="">shane@khaccounts.net</a></li> </ul> </div><a href="/" class="logo"><img src="../images/logo.png"></a> <section class="secondary-header"> <nav class="navigation"> <ul> <li class="top-link"><a href="buy-world-of-warcraft-wow-accounts/" class="top-link">buy wow accounts</a></li> <li class="top-link"><a href="sell-wow-accounts/" class="top-link">sell wow accounts</a></li> <li class="top-link"><a href="customer-reviews-feedback" class="top-link">reviews / feedback</a></li> <li class="top-link"><a href="buy-sell-wow-accounts-faq" class="top-link">faq</a></li> </ul> </nav> </section> </div> </header> <div class="fb-frame"> <iframe src="//www.facebook.com/plugins/like.php?href=https%3a%2f%2fwww.facebook.com%2fkhaccounts&amp;width=450&amp;height=35&amp;colorscheme=light&amp;layout=standard&amp;action=like&amp;show_faces=false&amp;send=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowtransparency="true"></iframe> </div> <div class="content"> <div class="page"> <div ui-view></div> </div> </div> <div class="footer-wrapper index-page"> <footer id="footer"> <div class="page"> <div class="footer-content clearfix"> <div class="links-wrapper clearfix"> <section class="footer-links nav"> <h4>navigation</h4> <ul> <li><a href="/buy-world-of-warcraft-wow-accounts">buy high end elite premium wow accounts</a><br><a href="/sell-wow-accounts">sell high end elite premium wow accounts</a><br><a href="/">high end elite premium wow accounts sale</a><br><a href="/customer-reviews-feedback">khaccounts.net client reviews & feedback</a><br><a href="/buy-sell-wow-accounts-faq">khaccounts.net purchase & sell wow accounts faq</a></li> </ul> <ul> <li></li> <div class="secondary-footer"><a href="" class="footer-logo"><img src="../images/footer-logo.png"></a><span class="copyright">©2015 knucklehead accounts -- rights reserved.</span></div> </ul> </section> <section class="footer-links reference"> <h4>referral links</h4> <ul> <li><a href="http://www.maskedarmory.com">anonymous wow armory profiles</a><br><a href="http://www.maskedcrusader.com">trade wow accounts</a><br><a href="http://www.maskedcrusader.com/buy-sell-trade-mmorpg/">mmo game business relationship trading</a><br><a href="http://www.maskedcrusader.com/buy-sell-trade-world-warcraft-wow/">wow trading forum</a></li> </ul> <ul> <li><a href="https://www.arenarating.com/category/rbg-rating-boost/world-of-warcraft/">rbg rating boost</a><br><a href="https://www.arenarating.com/category/arena-boost-3v3/world-of-warcraft/">arena rating boost</a><br><a href="http://www.twinkinfo.com">twinkinfo.com</a><br><a href="http://www.twinkinfo.com/forums">twinkinfo.com forums</a><br><a href="http://www.twinkinfo.com/forums/f200/">twinking guides</a></li> </ul> </section> </div> </div> </div> </footer> </div> </div> <script src="js/main.js"></script> </body> </html> routes.js file:
'use strict'; /** * @nginject */ function routes($stateprovider, $locationprovider, $urlrouterprovider) { $locationprovider.html5mode(true); $stateprovider .state('home', { url: '/', controller: 'homectrl', template: '../views/home.html', title: 'home' }); $urlrouterprovider.otherwise('/'); } module.exports = routes;
figured out. turns out needed using templateurl, not template in route.js.
angularjs angular-ui-router jade
Comments
Post a Comment