Изменение двухстраничного представления на одну страницу 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

Почему вы не делаете два компонента и не вызываете их через селектор на одной странице?Во втором компоненте вы устанавливаете контент после нажатия кнопки и сразу же всплывете ваши данные

Answer 2

с использованием директивы 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> 

byПо умолчанию show user.html при загрузке страницы устанавливается page.user = true установлен на контроллере

после отправки пользовательского набора данных page.user = false и page.result = true для отображения на странице

для более подробной информации нажмите здесь