angularjs динамически меняет нижний колонтитул

Question

angularjs динамически меняет нижний колонтитул

0

В моем приложении для Android я имею несколько html, большинство из них имеют один и тот же нижний колонтитул с тремя значками, но некоторые страницы имеют разные нижние колонтитулы с 2 или 3 значками.

Каков правильный способ сделать это?

Потому что я хотел бы поддерживать mu ion-footer-bar в main.html с ионным заголовком, ионным навигационным баром и ионно-навигационным представлением (где показаны все htmls).

Я попытался использовать своего рода ng-repeat с условным чтением структуры в зависимости от текущей страницы, также используя tabs.html с разными разделами с разными идентификаторами, ни одно из двух решений не работает, и я испортил много кода, поэтому, продолжая попытки, я хотел бы знать, правильно ли выполнено одно из этих приближений.

благодаря

taquionbcn 23 нояб. 2015, в 19:48

Источник

Теги:

javascript

html

android

angularjs

ionic

1 ответ

Ещё вопросы

Stephen R. Smith · Accepted Answer · 2015-11-23T18-58-00.000Z

Вы можете использовать ng-show и ng-include для условной загрузки в правильном шаблоне из набора шаблонов html нижнего колонтитула.

<div ng-show="$scope.template == 'footer_one'" >
    <div ng-include src="'/partials/footer_one.html'"></div>
</div>
<div ng-show="$scope.template == 'footer_two'" >
    <div ng-include src="'/partials/footer_two.html'"></div>
</div>

Вам необходимо программно установить переменную $ scope.template на основе некоторого состояния в контроллере.