AngularJS와 - ID를 기반으로 쇼 DIV 콘텐츠

Question

헤더 링크를 HTML

<ul ng-controller="pageRouteCtrl"> 
    <li ui-sref-active="active"> 
     <a ui-sref="home" class="" ng-click="getPageId('live-view')">LIVE</a> 
    </li> 
    <li> 
     <a ng-click="getPageId('playback')">PLAYBACK</a> 
    </li> 
</ul> 

Ctrl 키

myApp.controller('pageRouteCtrl', function ($scope, $rootScope) { 

    $scope.getPageId = function(id) { 
     $rootScope.route = id; 
    } 

}); 

메인 페이지 HTML

//should be visible on page load and until playback link is clicked 
<div id="live-view" ng-show="route == 'live-view'"> 
SOME CONTENT 
</div> 

//will be hidden initially on page load 
<div id="playback" ng-show="route == 'playback'"> 
SOME CONTENT 
</div> 

을 클릭 위 코드는 클릭 한 링크를 기반으로 콘텐츠를 표시하고 <div> 내용을 표시합니다. 이후 사용자가 라이브 또는 재생을 클릭하면 div 콘텐츠가 표시됩니다.

페이지로드시 기본으로 live-view div 표시를하려면 어떻게해야하나요? 컨트롤러

Answer 1

쓰기 다음 코드를

myApp.controller('pageRouteCtrl', function ($scope, $rootScope) { 

$rootScope.route = 'live-view'; 

$scope.getPageId = function(id) { 
     $rootScope.route = id; 
     } 
     });