如何使我的教程使角度应用程序正常运行?

时间:2016-11-07 00:21:52

标签: javascript angularjs node.js web-technologies

首先,我是角度和javascript的新手, 我正在尝试按照本网站上的教程: http://thewebhacker.com/rapid-app-prototyping-with-angularjs-and-couchdb/

我可以运行服务器并转到http://localhost:8445/,但这只显示一个空白页面。当我浏览http://localhost:8445/views/beer.html时,我可以看到一些页面内容,但没有使用css / angular。

我只是从头到尾遵循上面的教程。 我唯一不确定的是将包装器html放在哪里。 所以我把它写在index.html

我现在对这件事很遗憾,无法找到如何继续。

输入

tnx

1 个答案:

答案 0 :(得分:-1)

主index.html文件在标题部分有很多未关闭的标记。 这是<head>应该是这样的:

<head>
    <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>
</head>