It turns out that when I deploy the dropdown and select one of the options, the button does not change.
I mean I have an imput-group with two text boxes and a dropdown. In the "placeholder" of the "dropdown" button (the one that is displayed in cascade) it says "Type" and I would expect that when I deploy it and select some of the given options (Input and Output) the "placeholder" of the button will change from "Type" to "Input" or "Output" depending on what the user chooses.
<html lang="en">
<head>
<meta charset="utf-8">
<title>Abacus</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
</head>
<body>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<div class="input-group">
<input #toFocus [(ngModel)]="concepto" placeholder="concepto" type="text" class="form-control" type="text" class="form-control" aria-label="Text input with dropdown button">
<input [(ngModel)]="valor" type="text" placeholder="monto" class="form-control"(keypress)="enter($event.keyCode, toFocus)" type="text" class="form-control" aria-label="Text input with dropdown button">
<div class="input-group-append">
<option class="btn btn-outline-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Tipo
</option>
<div class="dropdown-menu">
<a class="dropdown-item" href="#" (click)="tipoDeMovimiento('entrada')">Entrada</a>
<a class="dropdown-item" href="#" (click)="tipoDeMovimiento('salida')">Salida</a>
</div>
</div>
</div>
<div>
<button class="btn btn-outline-dark mt-2" (click)="crear()" >Agregar</button>
</div>
</body>
</html>Here I leave the code that I am currently using.
Kind Entry Exit AddA thousand thanks !!!