角度前端没有在网络中显示任何内容

Question

我正在关注Thinkster的AnuglarJS on Rails教程（https://thinkster.io/angular-rails#jumping-in-with-angular）。

这是我到目前为止所做的。 https://jsfiddle.net/dcbavw4e/

我在网上看不到任何内容。我确实安装了node.js和npm。我应该安装什么来运行Angular web或运行？

我的脚本行可能有问题吗？

  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.10/angular-ui-router.js"></script>
    <script src="js/app.js"></script>

[更新] 这是我得到的错误

Answer 1

你在jsfiddle例子中遗漏了很多东西，请纠正下面的事情。

在app.js档案中

1. .state('home'完全使用;后，无需使用此.代替;
2. 使用.factory('posts'...)之后;无需使用此
3. 已使用$scope.incrementUpvotes(post)仅使用$scope.incrementUpvotes= function(post)
4. .controller('PostsCtrl'在controller('MainCtrl'内声明应该是MainCtrl
5. 应避免@
@stateParams.id

在HTML中：

1. 删除上一个 </form> </script>

然后应该工作正常。

请参阅PLUNKER DEMO删除了您的错误并正常工作。我在plunker demo

中使用script.js代替app.js

它可能会帮助你

Answer 2

编辑：正如评论所指出的那样，我对脚本标签显然是错误的，我的道歉！并感谢评论者指出这一点。

你有几个问题在这里：

1. 您在底部有关闭脚本和表单标签，没有开始标记
2. 根据小提琴，您需要在左侧面板中添加外部资源，而不是直接在HTML中，这就是说，这正是您应该在自己的文件中执行的方式，这只是一个JSFiddle的事情。
3. 最后，节点与您在此处的代码无关。 Node只是后端的javascript，应该找到这里列出的更正和下面更正的JSFiddle。只需在浏览器中打开HTML文件即可。
4. 我没有为你解决所有问题，一些Angular仍然被打破，但这就是为什么你正在接受教程？祝你好运！

*请注意页面右侧面板中的3个外部资源！

Hooking up a scheduler job to a WebJob