AngularJS路由不呈现模板

Question

我有两个控制器，我正在使用AngularJS $routeProvider来加载多个页面。当我点击第一个部分的链接去第二个部分时，第二个部分不会渲染，模板标签都显示出来。

因此，在第一部分中，这将呈现给Hello World：

<h1>Hello {{name}}</h1>

但是，这不会在第二部分上呈现：

<h1>Hello {{name}} on page 2</h1>

这是一个显示我的意思的傻瓜：http://plnkr.co/edit/7X2vlIhMvLlIqE4UvC09?p=preview

Answer 1

您没有向控制器注入$routeParams。将它注入您的控制器，如：

app.controller("UserDetailCtrl", function($scope, $routeParams) {

这将解决您的问题

在您的控制器中，您将范围变量命名为$scope.name2，并在partial2.html页面中将您绑定到{{name}}。那就是问题所在。将其更改为{{name2}}或将范围变量更改为$scope.name