AngularJs template url

Question

If I should use

templateUrl: 'Content/Custom/Login.html'

it will work only when user is in Home/Index controller. And it should not if user will be at another controller something like Home/About.

http://localhost:7602/Home/Content/Custom/Login.html Failed to load resource:

Because template is situated in

http://localhost:7602/Content/Custom/Login.html

How to fix this? What is the right way of template declaration?

$mdDialog.show({
        controller: DialogController,
        templateUrl: 'Content/Custom/Login.html',
        parent: angular.element(document.body),
        targetEvent: ev,
        clickOutsideToClose: true,
        fullscreen: useFullScreen
    })
    .then(function (answer) {
        $scope.status = 'You said the information was "' + answer + '".';
    }, function () {
        $scope.status = 'You cancelled the dialog.';
    });

Have you defined <base href="/">?

John Smith
– John Smith

2016-05-15 20:27:57 +00:00
Commented May 15, 2016 at 20:27 — John Smith
– John Smith, Commented May 15, 2016 at 20:27

Wcan · Accepted Answer · 2016-05-15 20:55:35Z

2

Try using Absolute Path to your partials

for instance If your app is in App Directory than use:

templateUrl: '/App/Content/Custom/Login.html

answered May 15, 2016 at 20:55

Wcan

8882 gold badges12 silver badges34 bronze badges

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

Comments

Bettimms · Accepted Answer · 2016-05-16 06:31:33Z

0

Declare somewhere in your _Layout.cshtml

<script>
        window.contentUrl = @Html.Raw(HttpUtility.JavaScriptStringEncode(Url.Content("~/Content/"), true));
</script>

Then use it in your templateUrl as

templateUrl: contentUrl + "/Custom/Login.html'

answered May 16, 2016 at 6:31

Bettimms

6715 silver badges12 bronze badges

1 Comment

Aaron Campbell Over a year ago

This is a neat solution, but relies on ASP.NET Razor, which wasn't mentioned in the question.

Collectives™ on Stack Overflow

AngularJs template url

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related