Angular多视图使用stateProvider渲染 - ui.router

Question

我心烦意乱。我是Angular的新手，我想获得以下行为：

我在app.js中有一个defaultView：

$stateProvider
        .state("defaultView", {
             url: '/home',
             controller: "MatrixController",
             templateUrl: "assets/js/angular/templates/matrix.html"
        })
        .state("defaultView.createDiet", {
             url: '/create-diet',
             controller: "ModalController",
             templateUrl: "assets/js/angular/templates/createDietModal.html"
        });

在默认视图中，我有：

<div class="wrapperCalendar" ui-view>
       <div data-ui-view="defaultView"></div>
        <div data-ui-view="createDiet"></div>
</div>

基本上我试图打开从另一个路径引入的对话框（bootstrap模式），但我不想更改主视图（defaultview）。我只想获取对话框的HTML，将其插入页面而不丢失其他部分，然后打开它。你知道我怎么能做到这一点？