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.

Reply via email to