0
Header-Verbindungen HTMLAngularJS - zeigen div Inhalt Id basierend geklickt
<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;
}
});
Startseite 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>
Die oben Code funktioniert und zeigt <div>
Inhalt basierend auf Link geklickt. Wenn der Benutzer anschließend auf Live oder Playback klickt, wird div-Inhalt angezeigt.
Wie mache ich live-view
div zeigen standardmäßig beim Laden der Seite?
Und was passiert, wenn Benutzer auf 'playback' Link klickt? Könnten Sie eine Antwort zum obigen Code posten? – Slimshadddyyy
@Slimshadddyyy, als Standard 'live-view' div Show auf der Lade-Seite, wenn Benutzer klicken Sie auf' Wiedergabe' Link Wiedergabe Div wird angezeigt und Live-View div wird ausblenden – vaqifrv