Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 根据控制器中的数据,使用Angular和UI-Router设置页面标题大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前正在使用此问题中的指令来更改我的页面标题.

Set Page title using UI-Router

然后,在我的app.js文件中,我将pagetitle附加到数据,如下所示:

.state('home',{
  url: '/home'
  templateUrl: 'home.html'
  controller: 'homeController'
  data: {
    pagetitle: 'Home'
  }
})

但是,例如,如果homeController有一个从服务中获取的$scope.todaysDate变量.有没有办法在我的路由器中访问该变量,@R_222_9447@将数据和pagetitle更改为:

data: {
  pagetitle: 'Home ' + $scope.todaysDate
}

我能够进入控制器并使用$rootScope.pagetitle =’some value’当我查看Batarang控制台工具时,我可以看到它将变量更改为“某个值”,但实际页面标题不会更改.

解决方法

也许 resolve在这种情况下起作用.如果要确保状态控制器始终可以使用某些数据,则可以使用解决方法.例如,假设我有一个名为“calendar”的服务,它公开了一个名为“getTodaysDate”的函数.我可以做以下事情:

.state('home',{
    url: '/home',templateUrl: 'home.html',controller: 'homeController',resolve:{
            pagetitle:  function(calendar){
            return 'Home ' + calendar.getTodaysDate();
        }
    }
})

现在“pagetitle”将被解析并在状态改变之前注入“homeController”.希望这可以帮助.

大佬总结

以上是大佬教程为你收集整理的angularjs – 根据控制器中的数据,使用Angular和UI-Router设置页面标题全部内容,希望文章能够帮你解决angularjs – 根据控制器中的数据,使用Angular和UI-Router设置页面标题所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。