角度のある送信フォームが機能しない

Question

私はこのフォームを送信しようとしていますが、何も起こっていません。アイデアは、Googleマップに新しいマーカーを追加することです。私は、私が作成するすべてのマーカーを置く配列を持っています。私は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> 

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

} 

Answer 1

次のコードでは、あなたのアプリケーションは、作品でなければなりません！

ビュー

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

コントローラ

'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); 
    }; 
}]); 

ロッキングをしてください！