href 链接不适用于 Node Js 和 Angular答案

【问题标题】：href link not working for Node Js and Angularhref 链接不适用于 Node Js 和 Angular
【发布时间】：2017-04-15 15:45:23
【问题描述】：

我是 Node JS 和 Angular 的新手。制作一个从restful api检索规则数据的小型测试项目，api工作正常......我在rules.html中加载了所有规则，但每个规则都有一个链接来查看详细信息，这是我现在的痛苦......根据教程，链接应指向/rules/details/{{rule._id}}

app.js

var app = angular.module('SmartSoftApp', ['ngRoute']);

app.config(['$routeProvider', function($routeProvider){   
    $routeProvider.when('/rules/details/:id', {
        moduleId: app.id, 
        templateUrl: '/views/ruleDetails.html',
        controller: 'RulesController'
    })
})

这里的问题是，当我点击链接时，我得到了Cannot GET /rules/details/[id]。我可以更改链接以指向 html 文件，但我认为它不是这样工作的。

我是新手，如果有人可以指导我完成此操作，我将不胜感激

谢谢

【问题讨论】：

这个问题属于angularjs标签，不是angular标签，请更新你的帖子标签。

标签： javascript html angularjs node.js

【解决方案1】：

链接应该是“#/rules/details/{{rule._id}}”

<a href="#/rules/details/{{rule._id}}">Link</a>

此外，当您绑定模型中的值时，您应该使用ng-href。

https://docs.angularjs.org/api/ng/directive/ngHref

【讨论】：

感谢您的回复，我试过了，但它什么也没做...另一件事，当我将鼠标悬停时，显示的链接是 ...localhost:3000/views/rules.html#/rules/details ……对吗？
没有。 “rules.html”不应该在那里。
可能您使用的是html文件直接访问的页面中的链接。使用路线到达链接所在的页面，它将是正确的。
哦，这是一个很好的提示，让我检查一下并回复你
看看这个：stackoverflow.com/questions/24814472/…