construct url in angularjs directive

Question

I made a directive for automatically add links for a html validation, like that :

.directive('validationhtml', function($rootScope, $location) {
    return {
        restrict: 'A',
        template: '<a href="" data-ng-click="createTab(getUrl(), $event);" title="validation html">validation html</a>',
        controller: function($scope, $location) {
            $scope.getUrl = function() {
                var url = 'http://validator.w3.org/check?uri=' + $location.path;
                console.log(url);
                return url;
            }
        }
    };
})

createTab(); is a function in rootscope, and correctly executed (new tab), but getUrl(); have a problem: the url is not good, in the return i have this

http://validator.w3.org/check?uri=function (c){if(B(c))return this[b];this[b]=a(c);this.$$compose();return this}

what's wrong ?

pasine · Accepted Answer · 2015-03-07 23:17:59Z

1

It should be location.path().

answered Mar 7, 2015 at 23:17

pasine

11.6k10 gold badges53 silver badges86 bronze badges

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

2 Comments

zelocalhost Over a year ago

thks, but now there is 'validator.w3.org/check?uri=' and a blank, even with $sce

pasine Over a year ago

$location.path() return the path of your current page (ex. for www.example.com/foo/bar it returns foo/bar). If you use it on a page without path (ex. www.example.com) the result will be an empty string. If you want to retrieve the full URL of your page you must use $location.absUrl().

eladcon · Accepted Answer · 2015-03-07 23:18:01Z

1

$location path is a function:

var url = 'http://validator.w3.org/check?uri=' + $location.path();

answered Mar 7, 2015 at 23:18

eladcon

5,8251 gold badge18 silver badges19 bronze badges

2 Comments

zelocalhost Over a year ago

thks, but now there is 'validator.w3.org/check?uri=' and a blank, even with $sce

Rias Over a year ago

How about $location.absUrl(); is that empty, too?

Collectives™ on Stack Overflow

construct url in angularjs directive

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related