href link not working for Node Js and Angular

Question

I'm new in Node JS and Angular. Making a small test project that retrieves rules data from a restful api, the api works fine... I load all rules in rules.html but each one of them has a link to view the details which is my pain right now... according to the tutorial the link should point to /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'
    })
})

The issue here is, when I click the link, I get Cannot GET /rules/details/[id]. I can change the link to point the html file instead but I assume that's not how it works.

I'm new at this so I appreciate if someone can guide me through this

Thanks

this question belong to angularjs tag, not angular tag, please update your post tag. — Tiep Phan
– Tiep Phan, Commented Apr 15, 2017 at 15:47

marcosspn · Accepted Answer · 2017-04-15 16:33:51Z

0

The link should be "#/rules/details/{{rule._id}}"

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

Also as you are binding values from your model you should use ng-href.

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

answered Apr 15, 2017 at 16:33

marcosspn

3965 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

Pablo Villalobosd Over a year ago

Thanks for your response, I tried that but it does nothing... another thing, when I hover the link shown is ...localhost:3000/views/rules.html#/rules/details... is that correct?

marcosspn Over a year ago

No. The "rules.html" shouldn't be there.

marcosspn Over a year ago

Problably you are using the link in the page accessed directly by the html file. Use the route to get to the page where the link is and it will be correct.

Pablo Villalobosd Over a year ago

Ohh that's a good hint, let me check that and get back to you

marcosspn Over a year ago

Take a look at this: stackoverflow.com/questions/24814472/…

|

Collectives™ on Stack Overflow

href link not working for Node Js and Angular

app.js

1 Answer 1

9 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

app.js

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related