将两页视图更改为单页AngularJS

Question

我们目前有一个两页应用程序，用户将输入数据，并将这些数据传递到数据库，结果显示在下一页的网格中

<div class="md-padding col-md-6">
    <div class="row form-group">
       <button type="button" class="btn btn-success"
               href="Views/Angular/results.html"
               ng-click="createRequest(homeForm)">
           Submit
       </button>
    </div>
</div>

results.html具有显示结果的网格。而不是导航到下一页，如何在同一页面上显示结果网格

Answer 1

以ng-show指令为例.....

result.html

<div ng-show="page.result">
   <h1> this is result page </h1>
</div>

user.html

<div ng-show="page.user">
   <h1> this is user page </h1>
<div> 

默认情况下显示user.html当页面加载时设置控制器上的page.user = true

提交用户数据集page.user = false和page.result = true后显示在页面中

更多细节click here

Answer 2

为什么你不做两个组件并通过选择器在一个页面上调用它们？在第二个组件中，您在单击按钮后设置内容，并立即弹出您的数据