Кнопка “следующего” и “возвращаться” в чем-то похожем в формуляр с Angularjs

Я нуждаюсь в том, чтобы знать, как я могу использовать кнопки "следующий" и "возвращаться" в чем-то похожем в формуляр с html используя угловой js. Выражение "формуляр" будет скорее доказательством онлайнового, в котором пользователь даст click в "следующем", и "возвращаться" по мере того, как я продвинулся. Моя проблема состоит в том, что я не знаю который директивный орган angularjs, использовать, и те, которые я использовал, я не функционировали до настоящего времени.

Мой код, который у меня есть до настоящего времени, - следующий:

    <html ng-app>
    <head>
          <title></title>
    <script  src="js/angular.min.js"></script> <!--Declarando Angular-->
    <script src="js/app.js"></script>

    <link rel="stylesheet" href="css/bootstrap.min.css"> <!--Declarando Bootstrap-->
    <link rel="stylesheet" href="css/style.css"> <!--Declarando estilo css-->
    <br><br><br>

    </head>
    <body>

    <!--Parte1, Datos generales-->
    <center><h2 style="color:#467FE2">Datos Generales</h2></center>

    <b style="color:#FF0000">*Campos obligatorios</b><br><br>

    <b>Nombre <b style="color:#FF0000">*</b></b></h5> <input ng-model="nombre" required><br><br>
    <b>Apellido <b style="color:#FF0000">*</b></b></h5> <input ng-model="nombre" required><br><br>
    <b>Cédula de identidad <b style="color:#FF0000">*</b></b></h5> <input ng-model="nombre" required><br><br>
    <br><br>
    <input type="siguiente" class="btn btn-primary btn-md" value="Siguiente" class="next-step" ng-model="checked" >



    <!--Parte2, Completación-->
    <center><h2 style="color:#467FE2"> Prueba en Línea </h2></center><br><br>

    Parte 1: Completación<br><br>

    1.- ________________ Es una secuencia de pasos lógicos para la solución de un
    problema escrita en lenguaje natural.<br><br>
    Valor: 2 puntos

    2.- ________ Son difíciles de aprender y manejar ya que no resultan cercanos al ser
    humano.<br><br>
    Valor: 2 puntos
    <br><br>
    <input type="siguiente" class="btn btn-primary btn-md" value="Regresar">
    <input type="siguiente" class="btn btn-primary btn-md" value="Siguiente">

<!--Luego vendria la parte3, parte4, parte 5, y asi sucesivamente hasta llegar al final de la prueba -->

</body>
</html>

Более или менее то, что я ищу, состоит в том, чтобы директивный орган AngularJS (Угловой 1) позволил мне, что некий контент явился, когда он покажет его, нажимая на кнопку "возвращаться и следующий". Более специально нравился бы заключать "div" вышеупомянутые части и потом показывать их с директивным органом angularjs, хотя не как. Спасибо за помощь.

0
задан 25.08.2019, 20:47
0 ответов

Puedes usar ngshow. Идея заключается в том, чтобы разбираться в моде дел и делах, а также показывать самые разные переменные и переменные. PE: para el primero div ng-show = "página == 1"

 var app = angular.module ('myApp', []); app.controller ('myCtrl', function ($ scope) {$ scope.pagina = 1; $ scope.siguiente = function () {$ scope.pagina ++;} $ scope.anterior = function () {$ scope.pagina- -;}}); 
 

                  

Мастер создания волшебника .

Дебериас Исследователь библиотеки, в которой он работает, puedes revisar proyectos en Github como:

https://github.com/DaveWM/ngWizard

o

https://github.com/angular-wizard/angular-wizard

Все более и более зависит от версии AngularJS (Angular 1), используемой в рамках проекта. Si te решает продолжить описывать туя пропиа эчар ухо комо эстан хечас эстас сериа де айуда.

0
ответ дан 03.12.2019, 16:57