G-man G-man - 1 year ago 55
AngularJS Question

How can i make my tutorial made angular app run properly?

First of all i'm new to angular and javascript in general,
i'm trying to follow a tutorial on this website:

I can run the server and go http://localhost:8445/ , but this just shows an empty page. When i browse to http://localhost:8445/views/beer.html i can see some page content but without css/angular being used.

I just followed the tutorial above from start to bottom.
the only thing i was not sure about is where to put the wrapper html.
So i juse wrote it in the index.html

I am pretty lost on this matter now and can't find how to continue.

tnx for your input

Answer Source

The main index.html file has lots of unclosed tags in the header section. Here's what the <head> is supposed to look like:

    <title>Beer Ratings 'n Stuff</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <script src="node_modules/angular/angular.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="node_modules/angular-bootstrap/dist/ui-bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="node_modules/angular-bootstrap/dist/ui-bootstrap-tpls.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="node_modules/angular-route/angular-route.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="node_modules/angular-resource/angular-resource.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/app.angular.js" type="text/javascript" charset="utf-8"></script>