【问题标题】:How to set Routing in AngularJS to work properly如何在 AngularJS 中设置路由以正常工作
【发布时间】:2017-04-06 15:12:34
【问题描述】:

我在 AngularJS 中遇到路由问题。我使用的是 1.6.x 版本和最新版本的 angular.route.min.js 文件。

当我单击应该将我带到另一个视图的按钮时,没有任何反应。在寻找答案时,我发现 AngularJS 中的路由在没有 node.js 服务器的情况下无法工作。所以我安装了它并尝试运行我的应用程序。

问题来了;我不知道如何在 node.js 上启动这个应用程序。在 Windows 上的 CMD 中,我输入:“node index.html”,但出现错误。 “node app.js”也是如此——我的 javascript 源代码文件。

我将屏幕截图附加到我的源代码中。如果有人可以帮助我,那就太好了:-)。

提前致谢。

My app.js source code.

My groceryList html file where I have a button to addItem.html view file.

【问题讨论】:

  • 你在 html 中使用 ng-view 吗?如果不试试这个w3schools.com/angular/angular_routing.asp
  • @Raj 是的,我在我的
    元素上使用 ng-view,例如:<div ng-view></div>。我仍然不知道我的代码哪里出错了,但我已经通过学习我正在参加的进一步课程源代码解决了这个问题。无论如何感谢您的帮助:-)。

标签: javascript angularjs node.js runtime-error url-routing


【解决方案1】:

Raj 的评论似乎是正确的。 您没有所有代码的良好屏幕截图,但我认为您缺少主视图中的 <div ng-view></div> 方面。

我用你的代码做了一个简单的例子来演示:https://plnkr.co/edit/kB6ETz?p=preview

【讨论】:

    猜你喜欢
    • 2014-12-05
    • 1970-01-01
    • 2016-01-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-19
    相关资源
    最近更新 更多