Angularjs : 지시어의 템플릿에있는 외부 URL

Question

지시어의 템플릿에서 참조하는 올바른 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>" 
     }; 
    }); 

링크 변수는 URL을 보유하고 있으며 언어 및 기타 설정에 따라 달라지는 전역 변수입니다. 링크를 'www.google.com'으로 설정하면 localhost : 8888/somedir/www.google.com을 가리키게됩니다.

어떻게 해결할 수 있습니까?

Answer 1

절대 주소를 추가하는 경우 http://whatever.address으로 시작하십시오. 이는 슬래시가 없거나 프로토콜을 정의하지 않고 링크를 추가 할 때 url은 상대 주소로 인식되기 때문입니다. 현재 위치와 관련이 있습니다. Google.com이 현재 URL에 추가되는 이유입니다.