Javascript ngRoute不改变HTML。
我正在使用angularjs开发一个应用程序，特别是ngRoute模块。现在，我想单击一个链接来更改URL，并加载一个不同的HTML模板 应该执行此操作的HTML（存储在一个名为namemrementer.HTML的文件中）是 然后是components/login register/login-registerController.js文件Javascript ngRoute不改变HTML。,javascript,html,angularjs,ngroute,Javascript,Html,Angularjs,Ngroute,我正在使用angularjs开发一个应用程序，特别是ngRoute模块。现在，我想单击一个链接来更改URL，并加载一个不同的HTML模板 应该执行此操作的HTML（存储在一个名为namemrementer.HTML的文件中）是 然后是components/login register/login-registerController.js文件 'use strict'; nameReminderApp.controller('LoginRegisterController', ['$scope
'use strict';
nameReminderApp.controller('LoginRegisterController', ['$scope', '$routeParams', '$resource', '$location', '$rootScope',
function($scope, $routeParams, $resource, $location, $rootScope) {
console.log("Hello in login");
}
]);
<md-button>hello world</md-button>
<p>hello_world</p>
你好，世界
你好，世界
现在发生的事情是URL发生了变化，但是没有为这两个URL加载额外的HTML！它只是在nameremplement.HTML中显示HTML。这到底是怎么回事？我已经看过了所有的堆栈溢出，我认为我做的一切都是正确的。我最近甚至做了一个类似的项目，这项技术似乎奏效了！我做错了什么 您应该在主html文件中添加
ng视图ng controller=“MainController”controller:'oneController'<html ng-app = "nameReminderApp">
<head>
</head>
<md-button>Hello!</md-button>
<a href="#!/login-register">login</a>
<div ng-view=""></div>
</html>
你好
ng视图。还可以删除ng controller=“MainController”
，因为它是通过定义controller:'oneController'
的路径注入的
<html ng-app = "nameReminderApp">
<head>
</head>
<md-button>Hello!</md-button>
<a href="#!/login-register">login</a>
<div ng-view=""></div>
</html>
你好
我认为您缺少ng view指令。如果没有容器来显示内容，我们将如何查看它？；）
angular.module（'myApp'，['ngRoute']）；
angular.module（'myApp'）
.config（[“$routeProvider”，
函数（$routeProvider）{
$routeProvider。
当（“/login register”{
标题：“登录”，
模板：“Hello World登录{{loginCtrl.loginMessage}”，
控制器：“LoginRegisterController”，
controllerAs:“loginCtrl”
}).
当（“/测验”{
标题：“登录”，
模板：“Hello World测验”{{quizCtrl.quizMessage}，
控制器：“QuizController”，
controllerAs:“quizCtrl”
}).
否则({
重定向到：'/quick'
});
}
]);
angular.module（'myApp'）
.controller（'LoginRegisterController'，LoginRegisterController）
函数LoginRegisterController（）{
var vm=这个；
vm.loginMessage='Login Ctrl'；
}
angular.module（'myApp'）
.controller（'QuizController'，QuizController）
函数QuizController（）{
var vm=这个；
vm.quizMessage='quick-Ctrl'；
}
你好！
我认为您缺少ng view指令。如果没有容器来显示内容，我们将如何查看它？；）
angular.module（'myApp'，['ngRoute']）；
angular.module（'myApp'）
.config（[“$routeProvider”，
函数（$routeProvider）{
$routeProvider。
当（“/login register”{
标题：“登录”，
模板：“Hello World登录{{loginCtrl.loginMessage}”，
控制器：“LoginRegisterController”，
controllerAs:“loginCtrl”
}).
当（“/测验”{
标题：“登录”，
模板：“Hello World测验”{{quizCtrl.quizMessage}，
控制器：“QuizController”，
controllerAs:“quizCtrl”
}).
否则({
重定向到：'/quick'
});
}
]);
angular.module（'myApp'）
.controller（'LoginRegisterController'，LoginRegisterController）
函数LoginRegisterController（）{
var vm=这个；
vm.loginMessage='Login Ctrl'；
}
angular.module（'myApp'）
.controller（'QuizController'，QuizController）
函数QuizController（）{
var vm=这个；
vm.quizMessage='quick-Ctrl'；
}
你好！
这很有效！非常感谢你！这让我困惑了很长时间。这奏效了！非常感谢你！这让我困惑了很长一段时间。对于那些对答案中的代码感到困惑的人，我要寻找的解决方案是添加。对于那些对答案中的代码感到困惑的人，我要寻找的解决方案是添加
<html ng-app = "nameReminderApp">
<head>
</head>
<md-button>Hello!</md-button>
<a href="#!/login-register">login</a>
<div ng-view=""></div>
</html>