Question

这是我的代码

＆＃13;

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

＆＃13;

<html ng-app="app">
<div ui-view="list"></div>
<div ui-view="edit"></div>
</html>

＆＃13;

我有两个面板并排布局，我尝试了上面的代码，但在页面加载时，一次显示两个面板html页面。但是我想在左侧显示第一个list.html，然后用户点击list.html中的添加或编辑按钮，然后在面板的右侧渲染edit.html。

Answer 1

您无法将HTML和控制器组合在一起的任何原因？单击添加或编辑按钮时，StudentCtrl可以切换显示编辑html。

我无法想出一种简单的方法，让它与你现在设计的方式一致。您必须在主HTML和/或某种共享的Angular服务中使用一些协调控制器，这似乎很麻烦。

如何使用Angular Ui-Router实现两个面板布局？

1 个答案: