如何通过控制器为每个使用angular js的产品详细信息页面传递动态标题和描述？

<div ng-controller="ProductController">
  <!-- 页面内容 -->
</div>

app.controller('ProductController', function($scope, $rootScope) {
  // 在控制器中定义动态标题和描述
  $scope.title = "产品标题";
  $scope.description = "产品描述";

  // 使用$rootScope传递动态标题和描述到全局
  $rootScope.title = $scope.title;
  $rootScope.description = $scope.description;
});

<div ng-controller="ProductController">
  <h1>{{ title }}</h1>
  <p>{{ description }}</p>
</div>