CODEWITHSUNDEEP
javascriptangularjs
Khan Engineer
Khan Engineer

Reputation: 408

Angular Js RouteProvider

I am using $routeProvider service in my angular js but problem is on templateURl it provides me error

from server here is the error what i received

Failed to load resource: the server responded with a status of 500 (Internal Server Error) angular.js:11594 Error: [$compile:tpload] Failed to load template: /Testing/TestCompleted

and here is my angular code for app.js

var app = angular.module('app', ['ngRoute']);
app.controller('CreateController', CreateController);
app.config(function ($routeProvider) {
    $routeProvider
    .when('/',
    {
        templateUrl: "/Testing/TestCompleted",
        controller:"AppCtrl"
    })
});
app.controller("AppCtrl",function ($scope) {
    $scope.newmodel = {

    }
});

Upvotes: 1

Views: 1096

Answers (3)

Khan Engineer
Khan Engineer

Reputation: 408

I found the solution the view is only returned by server by using route we can only get html view not cshtml because that is provided when action is called.

Upvotes: 1

sam
sam

Reputation: 3511

The address of the template is likely wrong. I never had to use a format such as '/....' . You probably want 'Testing/TestCompleted' if the directory Testing is at the root of your project (or './Testing/TestCompleted' both should work).

EDIT:

In any case you are probably using an html file for the template, with an extension .html . So use 'Testing/TestCompleted.html' for instance.

Upvotes: 0

C. Molendijk
C. Molendijk

Reputation: 2824

The url is giving a ERROR 500. This is that there is something wrong in de code of the page. Please attach your debugger and go to the url "/Testing/TestCompleted" with a browser and check what is wrong.

Edit:

If the url is really the right one. Please try the following:

angular.module('app', ['ngRoute'])
  .controller("AppCtrl",function ($scope) {
    $scope.newmodel = {}
  })
  .config(function ($routeProvider) {
    $routeProvider
    .when('/',
    {
        templateUrl: "/Testing/TestCompleted",
        controller:"AppCtrl"
    })
});

So that the controller is registerd before you do your config as in the example from Angular (https://docs.angularjs.org/api/ngRoute/service/$route).

Upvotes: 0

Related Questions