javascript - AngularJS 路由不渲染模板

标签 javascript html angularjs angularjs-routing

我有两个 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/

相关文章:

javascript - Click 和 dblclick 在同一 html 上传递不同的父节点。为什么?

javascript - .text() 在删除 html 标签时连接不带空格的字符串

Angular 字符串变量的 JavaScript 构造函数

javascript - 在被另一个函数更改后使用变量 - 变得未定义

php - 实际上有可能使用.send()发送二进制XHR请求吗?

javascript - Uncaught TypeError : selectedText. split is not a function,我的代码有什么问题

javascript - 从 iframe 调用非全局 javascript 函数

html - 如何在 CSS 网格间隙之间填充文本?

javascript - 如何在jquery中对动态生成的表进行排序

jquery - 为 Controller 检索模型数据存在巨大的 XHR 延迟