Angular Js RouteProvider

Question

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 = {

    }
});

Answer 1

我发现视图仅由服务器通过使用路由返回的解决方案，我们只能获取html视图，而不能获取cshtml，因为在调用action时提供了该视图。

Answer 2

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).

Answer 3

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.