Настроить список и вид сетки в угловой маршрутизации - PullRequest
0 голосов
/ 05 марта 2019

Итак, я работаю над сайтом, который в настоящее время заполняет страницу карточками в формате Grid [3x3].Меня попросили предоставить возможность изменить вид на список.Итак, теперь у меня есть два файла вида: list-view.html и grid-view.html.

Сайт использует угловую маршрутизацию для загрузки страниц, и мне сложно настроить пути для правильного просмотрафайлы.Ниже приведены фрагменты кода, с которыми я работаю:

<div align="center">
    <button class="btnView"><i class="fa fa-bars"></i>  List</a></button> 
    <button class="btnView"><i class="fa fa-th-large"></i> Grid</button>
</div>

Приведенный выше код создает кнопки в "index.html"

var app = angular.module('leavesNext', ['ui.router', 'ui.bootstrap', 'ui.tab.scroll','ngSanitize','ngCookies','720kb.socialshare'])

app.config(['$stateProvider','$urlRouterProvider','$locationProvider', function($stateProvider, $urlRouterProvider, $locationProvider) {

$stateProvider
.state('home', {
    url: '/?tag',
    templateUrl: 'views/card-view.html',
    controller: 'homeController'
})

.state('search', {
    url: '/?search',
    templateUrl: 'views/card-view.html',
    controller: 'homeController'
})

Этот фрагмент кода "script.js ", который загружает домашнюю страницу.Любые идеи о том, как я могу загрузить соответствующие файлы при нажатии кнопки?

1 Ответ

0 голосов
/ 05 марта 2019

Из документов:

Активация состояния

Существует три основных способа активировать состояние:

Для получения дополнительной информации см. UI-Router Wiki - Активация состояния

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...