AngularJS - показывать содержимое div на основе клика по идентификатору

Question

AngularJS - показывать содержимое div на основе клика по идентификатору

0

Заголовки ссылок 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> на основе ссылки. Впоследствии, когда пользователь нажимает на Live или Playback, будет показан div-контент.

Как сделать div-шоу в режиме live-view по умолчанию при загрузке страницы?

Slimshadddyyy 02 авг. 2016, в 14:24

Источник

Теги:

javascript

html

angularjs

ng-show

1 ответ

Ещё вопросы

vaqifrv · Answer 1 · 2016-08-02T08-47-00.000Z

Напишите следующий код в контроллере:

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

$rootScope.route = 'live-view'; 

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

А что будет, когда пользователь нажмет на ссылку playback ? Не могли бы вы опубликовать ответ, связанный с кодом выше?
@Slimshadddyyy, как значение по умолчанию live-view сНа шоу на странице загрузки, когда пользователь нажмет playback ссылка воспроизведения ДИВ покажет и жить с видом на ДИВОМ скроют