Angularjs:指令模板中的外部URL

时间:2017-09-28 09:44:16

标签: angularjs angularjs-directive

我想创建一个指令,用于设置从指令模板引用的正确url。

  datsApp.directive('myDir', function () {
        return {
            restrict: 'A',
            scope: {},
            link: function (scope) {
                scope.url = link;
            },
            template: "<span>Click <a href='{{url}}'>here</a> for more info</span>"
        };
    });

链接变量是一个包含网址的全局变量,取决于语言和其他一些设置。 如果我设置link ='www.google.com',我会将其指向localhost:8888 / somedir / www.google.com

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

如果要添加绝对地址,请从http://whatever.address开始。这是因为当您添加没有任何斜杠的链接或没有定义协议时,URL被理解为相对地址。它与您当前的位置有关。这就是Google.com被添加到您当前网址的原因