Angularjs 未能加载模板:/app/views/home.html(HTTP状态:200 OK)
我正在为我的ASP.NETMVC项目开发AngularJS前端。我想在应用程序启动时显示Angularjs 未能加载模板:/app/views/home.html(HTTP状态:200 OK),angularjs,twitter-bootstrap,Angularjs,Twitter Bootstrap,我正在为我的ASP.NETMVC项目开发AngularJS前端。我想在应用程序启动时显示/app/views/home.html的内容。但是,当我调试应用程序时,尽管app.js中引用了模板,但仍会加载上述错误,如下所示: var app = angular.module("app", ['ngResource','ngRoute', 'LocalStorageModule', 'ui.bootstrap']); app.config(function ($routeProvider) {
/app/views/home.html
的内容。但是,当我调试应用程序时,尽管app.js中引用了模板,但仍会加载上述错误,如下所示:
var app = angular.module("app", ['ngResource','ngRoute',
'LocalStorageModule', 'ui.bootstrap']);
app.config(function ($routeProvider) {
$routeProvider.when("/", {
controller: "HomeController",
templateUrl: "/app/views/home.html"
});
$routeProvider.when("/application", {
controller: "ApplicationController",
controllerAs: "vm",
templateUrl: "/app/application/application.html"
});
$routeProvider.when("/login", {
controller: "LoginController",
controllerAs: "ctrl",
templateUrl: "/app/views/login.html"
})
$routeProvider.otherwise("/")
});
app.factory("authInterceptorService", ['$q', '$injector', '$location',
'localStorageService', function ($q,$injector, $location,
localStorageService) {
var authInterceptorServiceFactory = {};
var _request = function (config) {
config.headers = config.headers || {};
var authData = localStorageService.get('authorizationData');
if (authData) {
config.headers.Authorization = 'Bearer ' + authData.token;
}
return config;
}
var _responseError = function (rejection) {
if (rejection.status === 401) {
var authService = $injector.get('authService');
if (authData) {
if (authData.useRefreshTokens) {
$location.path('/refresh');
return $q.reject(rejection);
}
}
authService.logOut();
$location.path('/login');
}
return $q.reject(rejection);
}
authInterceptorServiceFactory.request = _request;
authInterceptorServiceFactory.response = _responseError;
return authInterceptorServiceFactory;
}])
我已经安装了UI引导NuGet包,并将脚本文件添加到BundleConfig中。我发现这一点,其中提到了一个拦截器正在使用中,当被注释掉时,就纠正了他们的情况。我也有一个拦截器,也做了同样的事情,解决了眼前的问题。我的拦截服务如下:
var app = angular.module("app", ['ngResource','ngRoute',
'LocalStorageModule', 'ui.bootstrap']);
app.config(function ($routeProvider) {
$routeProvider.when("/", {
controller: "HomeController",
templateUrl: "/app/views/home.html"
});
$routeProvider.when("/application", {
controller: "ApplicationController",
controllerAs: "vm",
templateUrl: "/app/application/application.html"
});
$routeProvider.when("/login", {
controller: "LoginController",
controllerAs: "ctrl",
templateUrl: "/app/views/login.html"
})
$routeProvider.otherwise("/")
});
app.factory("authInterceptorService", ['$q', '$injector', '$location',
'localStorageService', function ($q,$injector, $location,
localStorageService) {
var authInterceptorServiceFactory = {};
var _request = function (config) {
config.headers = config.headers || {};
var authData = localStorageService.get('authorizationData');
if (authData) {
config.headers.Authorization = 'Bearer ' + authData.token;
}
return config;
}
var _responseError = function (rejection) {
if (rejection.status === 401) {
var authService = $injector.get('authService');
if (authData) {
if (authData.useRefreshTokens) {
$location.path('/refresh');
return $q.reject(rejection);
}
}
authService.logOut();
$location.path('/login');
}
return $q.reject(rejection);
}
authInterceptorServiceFactory.request = _request;
authInterceptorServiceFactory.response = _responseError;
return authInterceptorServiceFactory;
}])
需要进行哪些其他更改以确保正确显示我的视图?在浏览器开发工具网络中检查实际请求以了解更多信息我同意添加一些有关您的浏览器发送的请求的信息