如何添加类元素,并通过AngularJS改变页面的标题

2025-05-01 01:07:24
推荐回答(1个)
回答1:

1.所述优先可通过利用$ routeParams和所述第二通过ngClass来解决。 下面是一个简单的例子plunker让你开始: 使用Javascriptvar app = angular.module('plunker', []);
app.config(function ($routeProvider) {
$routeProvider
.when('/', { template: '

Home page

'})
.when('/:title', { template: '

Page for {{ name }}

', controller: 'MainCtrl'})
.otherwise({
redirectTo: '/'
});
});
app.controller('MainCtrl', function ($scope, $routeParams) {
$scope.$on('$routeChangeSuccess', function (event, current, prev) {
$scope.name = $routeParams.title || 'World';
});
});

HTML



AngularJS Plunker







Hello {{ name }}!








CSS.nav-bar {
display: block;
width: 100%;
}
.nav-bar li {
display: inline-block;
text-decoration: none;
width: 50px;
}
.Bob {
background-color: yellow;
}
.Harry {
background-color: orange;
}