angular.module('App')
.config(function ($stateProvider) {
$stateProvider
.state('solicitud', {
url: 'solicitud',
controller: 'SolCtrl as sol',
templateUrl: '/scripts/app/estados/solicitud/solicitud.html'
})
});
angular.module('App').controller('SolCtrl', solCtrl);
function solCtrl($http, $scope) {
var solicitud = this;
solicitud.name = 'Solicitud //ABANCA';
function respuestaCtrl() {
this.solicitud = function () {
alert('funciona');
}
}
$scope.datos = {};
$scope.datos.cantidad = "";
$scope.datos.cuota = "";
$scope.datos.plazos = "";
$scope.datos.tipo = "";
$scope.formulario = {}
$scope.formulario.cantidad = 0;
$scope.formulario.plazos = 0;
$scope.formulario.tipo = "hipotecario";
var logresultado = function (respuesta) {
$scope.datos.cantidad = $scope.cantidad;
$scope.datos.cuota = $scope.cuota;
$scope.datos.plazos = $scope.plazos
$scope.datos.tipo = $scope.tipoCredito;
};
$scope.selected = 'Crédito hipotecario';
$scope.radioOptions = [
{ name: 'Crédito hipotecario', value: 'hipotecario' },
{ name: 'Crédito personal', value: 'personal' },
];
$scope.showMe = false;
$scope.myForm = function () {
var baseURL = 'http://localhost:58498/api/cuota?';
var cantidad = 'cantidad=' + $scope.formulario.cantidad;
var plazos = '&plazos=' + $scope.formulario.plazos;
var tipo = '&tipo=' + $scope.formulario.tipo;
$scope.get(baseURL + cantidad + plazos + tipo).success(function (respuesta) {
console.log(respuesta)
logresultado(respuesta);
console.log('entra aqui')
$scope.showMe = !$scope.showMe;
})
}
};
<div class="col-md-6">
<form action="http://localhost:58498/api/Cuota" class="form-horizontal"
method="get" role="form" id="formulario-cuotas">
<div class="form-group">
<label class="control-label" for="Cuotas">¿Cuánto quieres pedir?</label>
<input class="form-control" data-val="true"
data-val-cuotas="El campo de las Cuotas está vacío. No es válido"
data-val-required="El campo Cuotas es obligatorio." id="Cuotas"
name="cantidad" type="number" value=""
ng-model="formulario.cantidad">
<span class="field-validation-valid text--danger"
data-valmsg-for="Cuotas" data-valmsg-replace="true"></span>
</div>
<p>
"Con el préstamo 24h puedes pedir a partir <br>
de 500€, pero para cantidades de hasta 3000€ <br>
tiene que ser en la "<a href="/es/tarjetas/tarjetas-credito/tarjeta-visa-clip" target="_blank">
modalidad de
tarjeta <br>
</a>
".Por eso este simulador empieza en 3000€ que <br>
es lo mínimo que puedes pedir en la modalidad <br>
de préstamo. Ten en cuenta que no puedes <br>
solicitar más de lo que cuesta lo que vayas <br>
financiar."
</p>
<br>
<div class="form-group">
<label for="Plazo" class="control-label">¿Cuándo deseas devolverlo?</label>
<input class="form-control" data-val="true"
data-val-cuotas="El campo de los plazos está vacío. No es válido"
data-val-required="El campo Plazos es obligatorio." id="Plazos"
name="plazos" type="text" value=""
ng-model="formulario.plazos">
<span class="field-validation-valid text--danger"
data-valmsg-for="Plazos" data-valmsg-replace="true"></span>
</div>
<p>
"Puedes devolverlo en un plazo maximo de 96 meses,<br>
osea, 8 años"
</p>
<div class="form-check">
<label class="form-check-label" ng-repeat="option in radioOptions">
<input type="radio" ng-model="formulario.tipo" value="{{option.value}}" ng-required="!formulario.tipo" ng-value="true">
{{option.name}}
<br>
</label>
</div>
<br>
<br>
</form>
<div>
<div>
<button ng-click="myForm()">
NG-ENVIAR
</button>
</div>
</div>
</div>
<div class="col-md-6">
<div ng-show="showMe">
<div>
<respuesta datos="contenedor"></respuesta>
</div>
</div>
</div>
Good morning. They sent me to use a code that I already have but without using the $ scope . I'm with Angularjs . I was looking on the Internet but honestly I do not know very well.
Here's the code I have with the $ scope :
angular.module('formApp').controller('formAppCtrl', function ($scope, $http) {
var vm = this;
$scope.contenedor = {};
$scope.contenedor.cantidad = "";
$scope.contenedor.cuota = "";
$scope.contenedor.plazos = "";
$scope.contenedor.tipo ="";
$scope.formulario = {}
$scope.formulario.cantidad = 0;
$scope.formulario.plazos = 0;
$scope.formulario.tipo = "hipotecario";
var logresultado = function (respuesta) {
$scope.contenedor.cantidad = respuesta.cantidad;
$scope.contenedor.cuota = respuesta.cuota;
$scope.contenedor.plazos = respuesta.plazos
$scope.contenedor.tipo = respuesta.tipoCredito;
};
$scope.selected = 'Crédito hipotecario';
$scope.radioOptions = [
{ name: 'Crédito hipotecario', value: 'hipotecario' },
{ name: 'Crédito personal', value: 'personal' },
];
$scope.showMe = false;
$scope.myForm = function () {
var baseURL = 'http://localhost:58498/api/cuota?';
var cantidad = 'cantidad=' + $scope.formulario.cantidad;
var plazos = '&plazos=' + $scope.formulario.plazos;
var tipo = '&tipo=' + $scope.formulario.tipo;
$http.get(baseURL+cantidad+plazos+tipo).success(function (respuesta) {
console.log(respuesta)
logresultado(respuesta);
console.log('entra aqui')
$scope.showMe = !$scope.showMe;
})
}
});
And here the js where I have to implement it but without the $ scope :
angular.module('App')
.config(function ($stateProvider) {
$stateProvider
.state('solicitud', {
url: 'solicitud',
controller: 'SolCtrl as sol',
templateUrl: '/scripts/app/estados/solicitud/solicitud.html'
})
});
angular.module('App').controller('SolCtrl', solCtrl);
function solCtrl($http, $scope) {
var solicitud = this;
solicitud.name = 'Solicitud //ABANCA';
function respuestaCtrl() {
this.solicitud = function () {
alert('funciona');
}
}
};
Thanks in advance !!