HTML

Question

我是AngularJS的新手，我正在尝试使用ng-submit提交一个简单的表单，但是该按钮不能正常工作，因为它不可点击，它正在使用Firefox，但是当按钮位于按钮上时光标仍未改变并没有在Chrome上工作。

HTML

<form novalidate name="newTripForm" ng-submit="vm.addTrip()">
      <div class="form-group">
          <label for="name">Trip Name</label>
          <input type="text" class="form-control" id="name" name="name"  ng-model="vm.newTrip.name"/>
      </div>
      <div class="form-group">
           <input type="submit"  class="btn btn-sm btn-success" id="submit" value="Add"/>
      </div>  
</form>

的JavaScript

 vm.addTrip = function ()
    {
        alert(vm.newTrip.name);
    };

Answer 1

试试这个：

default (props) => <RootNavigator {...props} />

Answer 2

根据和AngularJS docs，您可以在表单上提交两个提交。

我根据文档和您的示例创建了一个快速示例。

＆＃13;

(function() {
  var app = angular.module("test", []);
  
  var TestController = function() {
    var vm = this;
    vm.newTrip = {
      name: ""
    };
    vm.addTrip = function() {
      // Some code
      console.log("Added " + vm.newTrip.name + " to database!");
      vm.newTrip.name = "";
    }
  }

  app.controller("TestController", [TestController]);
})();

＆＃13;

<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>

<body ng-app="test">
  <div ng-controller="TestController as vm">
    <form novalidate name="newTripForm" ng-submit="vm.addTrip()">
      <div class="form-group">
        <label for="name">Trip Name</label>
        <input type="text" class="form-control" id="name" name="name" ng-model="vm.newTrip.name" />
      </div>
      <div class="form-group">
        <input type="submit" class="btn btn-sm btn-success" id="submit" value="Add" />
      </div>
    </form>
  </div>
</body>

</html>

＆＃13;

Answer 3

尝试删除表单

<div class="form-group">
          <label for="name">Trip Name</label>
          <input type="text" class="form-control" id="name" name="name"  ng-model="vm.newTrip.name"/>
      </div>
      <div class="form-group">
           <button ng-click="addTrip()"></button>
      </div>

Angularjs - ng-submit不在表单中工作

HTML

的JavaScript

3 个答案: