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

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'之后.state('home'完全使用;不需要使用此用途.而不是;
2. 之后使用.factory('posts'...) ; 不需要使用它
3. 使用$scope.incrementUpvotes(post)只使用$scope.incrementUpvotes= function(post)
4. .controller('PostsCtrl'声明在controller('MainCtrl'内部controller('MainCtrl'应该超出MainCtrl
5. 应避免@从@stateParams.id

在HTML中：

1. 删除最后一个</form> </script>

然后应该工作正常。

请参阅PLUNKER DEMO删除您的错误并正常工作。 这里我用script.js代替app.js在plunker演示

它可能会帮助你

Answer 2

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

你有几个问题在这里：

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

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

正确的小提琴