2016-03-03 1 views
1

Это мой кодКак реализовать два макета панели с помощью Углового Ui-Router?

app.config(['$stateProvider', function($stateProvider){ 
 
     $stateProvider 
 
     .state('student',{ 
 
      url: '/student', 
 
      
 
      views: { 
 
      'list': { 
 
       templateUrl: 'list.html', 
 
       controller: 'StudentsCtrl' 
 
      }, 
 
      'edit':{ 
 
       templateUrl: 'edit.html', 
 
       controller: 'StudentEditCtrl' 
 
      } 
 
      } 
 
     }) 
 

 
    }]);
<html ng-app="app"> 
 
<div ui-view="list"></div> 
 
<div ui-view="edit"></div> 
 
</html>

У меня есть макет с двумя панелями бок о бок, я попытался код выше, но в то время загрузки страницы две панели HTML страницы отображаются одновременно. Но я хочу отобразить первый list.html в левой части, затем пользователь нажимает на добавление или редактирование кнопок в list.html, чтобы это время отображало edit.html в правой части панели.

ответ

0

Любая причина, по которой вы не можете объединить HTML и контроллер вместе? StudentCtrl может переключать показ редактирования html при нажатии кнопок добавления или редактирования.

Я не могу придумать простой способ заставить его работать с тем, как вы его создали. У вас должен быть какой-то координационный контроллер в вашем основном HTML и/или какой-то общей службе Angular, которая кажется беспорядочной.

Смежные вопросы