[英]Angular submission form not working
I'm trying to submit this form, but nothing is happening. 我正在尝试提交此表格,但没有任何反应。 The idea is to add a new Marker to google maps.
想法是向Google地图添加新的标记。 I have an array where I put all the markers I create.
我有一个数组,我在其中放置了所有创建的标记。 I'm using ng-submit, and also a button type submit, but when pressing the button nothing happens on the browser.
我正在使用ng-submit,还有一个按钮类型Submit,但是当按下按钮时,浏览器上没有任何反应。
HTML : HTML :
<form ng-submit="agregarMarcador()">
<label>Nombre de la ubicacion</label>
<input class="form-control-md-12" type="text" ng-model="nombreMarcador" name="nombreMarcador">
<label>Latitud</label>
<input class="form-control-md-12" type="text" ng-model="latitudMarcador" name="latitudMarcador">
<label>Longitud</label>
<input class="form-control-md-12" type="text" ng-model="longitudMarcador" name="longitudMarcador">
<label>Arrastrable</label>
<select class="form-control-md-12" ng-model="marcadorArrastrable" name="marcadorArrastrable">
<option value="si">Si</option>
<option value="no">No</option>
</select>
<button type="submit" class="btn btn-primary">Save</button>
</form>
JS : JS :
agregarMarcador(){
console.log("Agregando marcador");
if(this.marcadorArrastrable == "si"){
var esArrastrable = true;
}else{
var esArrastrable = false;
}
var nuevoMarcador = {
nombre : this.nombreMarcador,
lati: parseFloat(this.latitudMarcador),
lngi: parseFloat(this.longitudMarcador),
drag : esArrastrable
}
this.markers.push(nuevoMarcador);
}
With the following code, your App should be works! 使用以下代码,您的应用应该可以使用!
View 视图
<div ng-app="MarcadorApp" ng-controller="MarcadorCtrl">
<form ng-submit="agregarMarcador()">
<!-- Nombre de la ubicación -->
<label>Nombre de la ubicación</label>
<input class="form-control-md-12" type="text" ng-model="nombreMarcador" name="nombreMarcador">
<!-- Latitud -->
<label>Latitud</label>
<input class="form-control-md-12" type="text" ng-model="latitudMarcador" name="latitudMarcador">
<!-- Longitud -->
<label>Longitud</label>
<input class="form-control-md-12" type="text" ng-model="longitudMarcador" name="longitudMarcador">
<!-- Arrastrable -->
<label>Arrastrable</label>
<select class="form-control-md-12" ng-model="marcadorArrastrable" name="marcadorArrastrable">
<option value="true">Si</option>
<option value="false">No</option>
</select>
<!-- Guardar Marcador -->
<button type="submit" class="btn btn-primary">Save</button>
</form>
</div>
Controller 调节器
'use strict';
var app = angular.module('MarcadorApp', []);
app.controller('MarcadorCtrl', ['$scope', function($scope) {
$scope.agregarMarcador = function() {
var nuevoMarcador = {
nombre: this.nombreMarcador,
lati: parseFloat(this.latitudMarcador),
lngi: parseFloat(this.longitudMarcador),
drag: this.marcadorArrastrable
};
console.log(nuevoMarcador);
};
}]);
Keep Rocking! 继续摇摆!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.