Tag: angular routing

如何动态更改基于AngularJS部分视图的标题?

我正在使用ng-view来包含AngularJS部分视图,我想根据包含的视图更新页面标题和h1标题标签。 这些超出了局部视图控制器的范围,所以我不知道如何将它们绑定到控制器中的数据集。 如果是ASP.NET MVC,你可以使用@ViewBag来做到这一点,但我不知道在AngularJS中的等价物。 我搜索了共享服务,事件等,但仍然无法正常工作。 任何方式来修改我的例子,所以它的作品将不胜感激。 我的HTML: <html data-ng-app="myModule"> <head> <!– include js files –> <title><!– should changed when ng-view changes –></title> </head> <body> <h1><!– should changed when ng-view changes –></h1> <div data-ng-view></div> </body> </html> 我的JavaScript: var myModule = angular.module('myModule', []); myModule.config(['$routeProvider', function($routeProvider) { $routeProvider. when('/test1', {templateUrl: 'test1.html', controller: Test1Ctrl}). when('/test2', {templateUrl: 'test2.html', controller: Test2Ctrl}). […]

angularjs 1.6.0(最新现在)路线不工作

我期待在Stackoverflow上看到这个问题,但没有。 显然我是唯一有这个问题的人,在我看来是非常普遍的。 我有一个基本的项目,我正在努力,但路线似乎不工作,即使我迄今为止所做的一切似乎是正确的。 我在我的index.html文件中有这片html: <html> <head ng-app="myApp"> <title>New project</title> <script src="https://code.angularjs.org/1.6.0/angular.min.js"></script> <script src="https://code.angularjs.org/1.6.0/angular-route.min.js"></script> <script src="app.js"></script> </head> <body> <a href="#/add-quote">Add Quote</a> <div ng-view ></div> </body> </html> 这里是我的app.js : var app = angular.module('myApp', ['ngRoute']); app.config(['$routeProvider', function ($routeProvider) { $routeProvider .when('/add-quote', { templateUrl: 'views/add_quote.html', controller: 'QuoteCtrl' }) .otherwise({ redirectTo: '/' }); }]); 现在当我刚刚访问该网页时,以下是我在网址中获得的内容: HTTP://本地主机:8000 /管理员#/ 当我点击Add quote按钮,我得到这个: HTTP://本地主机:8000 […]