Nevermind! I solved that by skipping the routing for the main page and doing ng-show = false on those divs on the main page
Den lördagen den 1:e februari 2014 kl. 22:52:03 UTC-4 skrev Alexander Lvov: > > Hi guys! I have a problem. I am a java developer with some web programming > skills and i am new to angularjs, > I build my own project using a customized twitter bootstrap template > bought for a few bucks (particularly these one > http://wrapbootstrap.com/preview/WB0025522) with lots of sliders, > pictures and menues. > I developed a simple angularjs app with some routing to my angjular > partial pages including partials/main.htm page consisting only of divs that > i moved out of original index.html. > Routing works to other pages but the main page just wont load properly > with Chrome, in Chrome it only shows a static picture for the main page. It > works fine with firefox and opera alltogether though. > I understand the simplest way to fix these is rearrange imports but > spending several hours i wasnt successfull. here is the head part of the > index.html. i tried putting some js references in the body without good > results. > Please help! > > <!DOCTYPE html> > <html ng-app="AngularStore"> > <head> > <!-- SEO STUFF START HERE --> > <title>bizstrap Premium Corporate HTML Template Home</title> > <meta name="keywords" content="" /> > <meta name="description" content="" /> > <meta name="author" content="" /> > <meta name="robots" content="follow, index" /> > <!-- SEO STUFF END --> > <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > /> > <meta name="viewport" content="width=device-width, > initial-scale=1.0" /> > > <!-- jQuery, Angular --> > <script src=" > https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" > type="text/javascript" ></script> > <script src=" > https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js" > type="text/javascript"></script> > <script src=" > https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular-route.min.js > "></script> > > <script type="text/javascript" src="js/jquery-ui.min.js"></script> > <script type="text/javascript" > src="js/style-switcher/style-switcher.js"></script> <!-- revolution > slider plugin : begin --> > <link rel="stylesheet" type="text/css" > href="rs-plugin/css/settings.css" media="screen" /> > <link rel="stylesheet" type="text/css" > href="css/rs-responsive.css" media="screen" /> > <!-- revolution slider plugin : end --> > <link rel="stylesheet" href="css/bootstrap.css" /> > <link rel="stylesheet" href="css/custom.css" /> > <link rel="stylesheet" href="css/styler.css" /> > <link rel="stylesheet" href="css/isotope.css" /> > <link rel="stylesheet" href="css/color_scheme.css" /> > <link href=" > http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic" > > rel="stylesheet" type="text/css" /> > <link rel="stylesheet" href="css/font-awesome.css" /> > <link rel="stylesheet" href="css/font-awesome-ie7.css" /> > <link rel="stylesheet" href="css/flexslider.css" /> > <link rel="stylesheet" href="css/jquery.fancybox.css?v=2.1.0" > type="text/css" media="screen" /> > <!--[if lte IE 8]> > <link rel="stylesheet" type="text/css" href="css/IE-fix.css" /> > <![endif]--> > <!-- TestSite app --> > > > <script type="text/javascript" src="js/bootstrap.js"></script> > > <script type="text/javascript" > src="js/jquery.flexslider-min.js"></script> > <script type="text/javascript" src="js/jquery.isotope.js"></script> > <script type="text/javascript" > src="js/jquery.fancybox.pack.js?v=2.1.0"></script> > <script type="text/javascript" > src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script> > <script type="text/javascript" > src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script> > <script type="text/javascript" > src="js/revolution.custom.js"></script> > <script type="text/javascript" src="js/custom.js"></script> > > <!-- my angjular scripts --> > <link rel="stylesheet" href="css/style_legacy.css" /> > <script src="js/product.js" type="text/javascript"></script> > <script src="js/app.js" type="text/javascript"></script> > <script src="js/controller.js" type="text/javascript"></script> > > </head> > -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/groups/opt_out.
