Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 提交表格不起作用_Javascript_Angularjs_Forms - Fatal编程技术网

Javascript 提交表格不起作用

Javascript 提交表格不起作用,javascript,angularjs,forms,Javascript,Angularjs,Forms,我正试图提交这份表格,但什么也没发生。其想法是为谷歌地图添加一个新的标记。我有一个数组,我在其中放置我创建的所有标记。我使用的是ng submit,还有一个按钮类型submit,但当按下按钮时,浏览器上什么也不会发生 HTML: <form ng-submit="agregarMarcador()"> <label>Nombre de la ubicacion</label> <input class="form-control-

我正试图提交这份表格,但什么也没发生。其想法是为谷歌地图添加一个新的标记。我有一个数组,我在其中放置我创建的所有标记。我使用的是ng submit,还有一个按钮类型submit,但当按下按钮时,浏览器上什么也不会发生

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>
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);

}

使用以下代码,您的应用程序应该可以正常工作

查看

<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>

继续摇

您的问题中(可能)遗漏了大量代码。JS代码是角度控制器的一部分吗?不,它只是一个函数…Hola Jonathan。科尔多瓦之路,坦宾。安多·康·阿尔古纳斯·杜达斯,我是波德拉斯·帕萨尔·阿尔古恩,他和查理摩人有联系吗?我不知道这是怎么回事
'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);
    };
}]);