Я только начинаю с AngularJS, который, как я знаю, предназначен для SPA. Для приложения, которое мы создаем, все страницы, кроме индексной страницы, будут иметь двухколоночный макет. Однако нам хотелось бы, чтобы страница индекса была одностолбцовой страницей с полной шириной. Возможно ли использование этой функции с помощью AngularJS?AngularJS - несколько макетов
Я предлагаю размещать plunkr или jsfiddle, так как я не уверен, что я действительно отвечаю на ваш вопрос, или если у вас есть еще вопрос, который у меня отсутствует.
Если вы делаете все страницы с помощью маршрутизации (ng-view), то просто применяйте классы, чтобы различать стиль для этой одноколоночной версии. Что-то вроде:
.column_1, .column_2 { margin: 0; width: 50%; float: left; }
#firstpage .column_1, #firstpage .column_2 { margin: 0; width: 100%; float: none; }
, а затем в HTML (в том Firstpage только), завернуть все в сНу ид = "Firstpage". Не включайте этот div в маршрутизированные страницы, и стиль будет применяться только к первой странице. Или если у вас есть какой-то другой набор, вы всегда можете использовать стили вокруг нг-зрения, тоже:
<div class="classname">
<div ng-view></div>
</div>
Если у вас есть побочный столбец, который сидит за пределами нг-зрения, и это то, что вы хотите чтобы включить/выключить, тогда я бы предложил включить класс на первой странице (чтобы сделать его полным) и в то же время использовать некоторую логику с ng-hide/ng-show в этом первом столбце ,