루트를 기준으로 디렉티브 templateUrl을 기술하고 있습니다.

루트를 기준으로 디렉티브 templateUrl을 기술하고 있습니다.

현재 창 위치를 기준으로 templateUrl을 기재하고 있습니다.

cvApp.directive('personalDetails', function () {

    return {
        restrict: 'A',
        templateUrl: '../../Scripts/app/templates/personalDetails.html'
    };

});

응용 프로그램의 루트를 기준으로 templateUrl을 작성하려면 어떻게 해야 합니까?다음과 같은 것을 찾고 있습니다.

templateUrl: '~/Scripts/app/templates/personalDetails.html'

캔 각도JS가 이 일을 해내나요?

버팀목이 되는 것 같아요.Angular의 스레드에서 꺼냅니다.JS 구글 그룹:

프리픽스가 "/"인 URL은 도메인에 상대적이며 프리픽스가 없으면 메인("index.disc") 페이지 또는 기본 URL(html5 모드에서 위치를 사용하는 경우)에 상대적입니다.

이것은 정상적으로 동작합니다.

templateUrl: '/Scripts/app/templates/personalDetails.html'

ASP를 하려는 것 같네요.NET 스타일의 앱 상대 경로이지만 클라이언트 측입니다.수정은 실제로 HTML로 되어 있습니다.헤드에 다음과 같이 베이스 태그를 추가합니다.

<base href="<%= Request.ApplicationPath %>" />

그런 다음 템플릿 경로를 다음과 같이 이에 대해 상대적으로 유지합니다.

templateUrl: 'Scripts/app/templates/personalDetails.html'

'./.Scripts/app/templates/personalDetails.html'을 사용합니다.

그것은 나에게 효과가 있었다.

angular 4는 웹 팩을 번들러로 사용합니다.

./ means relative path to current folder



../ means parent folder

도메인 = src

root = src/index

예를 들어 app.component.ts 파일 아래 url은 xxx.ts와 같은 폴더에 있는 xxx.xxx.css를 의미합니다.

./ is relative path as current folder

../ is relative path as parent folder

@Component({
 selector: 'app-root',
 templateUrl: './app.component.html',
 styleUrls: ['./app.component.css']
})

각도에서의 성분 상대 경로

언급URL : https://stackoverflow.com/questions/16887018/stating-directive-templateurl-relative-to-root