Ich habe eine feste Kopfzeile und viele Zustände. Ich möchte den Inhalt der Kopfzeile in Abhängigkeit von der Statusänderung ändern. Meine Kopfzeile ist in index.html.how kann das tun.Dynamisch ändern Sie den Inhalt der Kopfzeile bei Statuswechsel
-1
A
Antwort
0
<body ng-app="app" ng-controller="MainCtrl">
<header ng-if="$state.current.name === 'foo'"></header>
<header ng-if="$state.current.name === 'bar'"></header>
<!-- or change child elements instead -->
<header>
<div ng-if="$state.current.name === 'foo'">Hi, I'm foo!</div>
<div ng-if="$state.current.name === 'bar'">Hi, I'm bar!</div>
</header>
</body>
0
Wenn Sie AngularUI Router verwenden, können Sie diesen Router
tun:
$stateProvider
.state('main', {
url: '',
templateUrl: 'views/main.html',
controller: 'MainController'
})
.state('main.home', {
url: '/',
templateUrl: 'views/home.html',
controller: 'HomeController',
data: {
header: 'Home page'
}
})
.state('main.about', {
url: '/about',
templateUrl: 'views/about.html',
controller: 'About Controller',
data: {
header: 'About page'
}
});
Html:
<body ng-app="app" ng-controller="MainController">
<header>
<h1 ng-bind="$state.current.data.header || 'App name'"></h1>
</header>
<div ui-view></div>
</body>
Verwandte Themen
- 1. Ändern Sie den modalen Inhalt dynamisch in Grails
- 2. Inhalt unter der Kopfzeile bei der ersten Ausführung
- 3. Ändern Sie den Stil dynamisch.
- 4. Angular Factory-Daten bei jedem Statuswechsel zurücksetzen
- 5. Holen Sie den Inhalt des Laufwerks dynamisch
- 6. Inhalt von UITableView dynamisch ändern
- 7. dynamisch Schriftgröße ändern, um Inhalt Menge
- 8. Ändern Kopfzeile und Verbergen Textfeld bei ausgewählter Option ändern
- 9. Inhalt dynamisch im wpf-Fenster ändern
- 10. Ändern Sie den Inhalt eines div mit JavaScript
- 11. AfterInsertRow, setCell. programmatisch ändern Sie den Inhalt der Zelle
- 12. Ändern Sie den Inhalt der Debug-Ansicht in Eclipse
- 13. Ändern Sie den Inhalt eines Android-Dialogfelds nach der Erstellung
- 14. Ändern Sie den Inhalt der Zelle in das Eingabefeld
- 15. Ändern Sie den Inhalt der span-Klasse mit JavaScript
- 16. So generieren Sie ein vorgefülltes ausfüllbares PDF, ändern Sie den Inhalt und analysieren Sie den Inhalt
- 17. Dynamisch Inhalt der Website hinzufügen
- 18. Skalierung Kopfzeile bei Scroll-Winkel
- 19. Ändern Inhalt der iframe dynamicallly
- 20. SIlverlight VSM Statuswechsel auf Zielelemente in ItemsControl
- 21. Ändern Hintergrundfarbe der Kopfzeile in WPF Expander
- 22. Re Größe der Kopfzeile bei Änderung der Fenstergröße
- 23. Ändern Sie den Inhalt von localStorage dynamisch, wenn das Objekt entfernt wird.
- 24. AngularJS: Smart-Tabelle dynamisch ändern den Inhalt der Tabelle nach HTTP-Antwort vom Server
- 25. wie man den Inhalt der Ansicht dynamisch anzeigt
- 26. Wie kann ich den Inhalt der Kopfzeile und der Webseite in einem einzigen Anruf erhalten?
- 27. Größe der Bildschaltfläche dynamisch ändern
- 28. Ändern Sie den Text in der Kopfzeile wie eine Diashow mit Javascript
- 29. Ändern Sie die Position dynamisch
- 30. Dynamisch ändern HTML-Inhalt mit Javascript funktioniert nicht