在angularjs中的不同控制器中声明的路由页控制器中的访问变量

时间:2016-10-14 13:16:24

标签: javascript html angularjs

我试图从另一个JS文件中编写的不同控制器中获取变量链接。我想显示从不同控制器分配的页面tittle。如果我路由到extract.html,我必须显示" Extract Home"在html tittle中的文本,我在extract.js

中声明了这个变量

请帮助我,提前谢谢

main.html中

Try

Extract.html的Extract.js

<html lang="en" ng-app="routing" ng-controller="landingCtrl">
<title>{{page_location_text}} - Noble Institute</title>

<body>

<div ng-view></div>

</body>
</html>


 <script>

var routingApp = angular.module("routing", ["ngRoute","extract"]);
routingApp.controller("landingCtrl",function($scope){
    $scope.page_location_text = $scope.page_location;
});
routingApp.config(function($routeProvider) {
    $routeProvider
    .when("/", {
        templateUrl : "index.html"
    })
    .when("/extract", {
        templateUrl : "extract.html",
        controller : "extractCtrl"
    });

});
</script>

1 个答案:

答案 0 :(得分:1)

您可以使用您的路线设置标题,并将标题放在html上,如:

<title ng-bind="title">myApp</title>

并在路线配置中设置标题,如:

 .when("/extract", {
        title : 'Extract Home',
        templateUrl : "extract.html",
        controller : "extractCtrl"
    });

并为您的角度应用设置运行方法:

app.run(['$rootScope', '$route', function($rootScope, $route) {
    $rootScope.$on('$routeChangeSuccess', function() {
        document.title = $route.current.title;
    });
}]);