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>

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

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

了解更多信息click here

Answer 2

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

将两页视图更改为单页AngularJS

2 个答案: