我有两个 Controller ,我正在使用 AngularJS $routeProvider
加载多个页面。当我单击第一个部分的链接转到第二个部分时,第二个部分不会呈现,并且模板标签全部显示。
因此,在第一个部分中,它呈现为 Hello World:
<h1>Hello {{name}}</h1>
但是,这不会在第二部分上呈现:
<h1>Hello {{name}} on page 2</h1>
这里有一个 plunkr 来展示我的意思:http://plnkr.co/edit/7X2vlIhMvLlIqE4UvC09?p=preview
最佳答案
您没有将 $routeParams
注入(inject)到您的 Controller 中。将其注入(inject)到您的 Controller 中,如下所示:
app.controller("UserDetailCtrl", function($scope, $routeParams) {
这将解决您的问题
在您的 Controller 中,您将作用域变量命名为 $scope.name2
,并且在您的partial2.html 页面中,您将绑定(bind)到{{name}}
。那就是问题所在。将其更改为 {{name2}}
或将范围变量更改为 $scope.name
关于javascript - AngularJS 路由不渲染模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22827699/