ng-submit / ng-onclick仅适用于第一次

时间:2014-11-12 11:53:59

标签: angularjs angularjs-scope angular-ui angularjs-ng-click ng-submit

提交/ ng-onclick仅在我第一次点击它时才有效。 我使用Ionic Framework(如果这可能有助于某人)来创建应用程序。

我对这个东西真的很新......

JS

.controller('CustomerCtrl', function($scope, $stateParams) {
    db.get($stateParams.customerId, function(err,doc) {
      $scope.customer = doc;
      //$scope.$apply();
    });

    $scope.doUpdate = function(customer) {
      db.put(customer, function(err, response) {
        if (!err) {
          console.log("Successfully Updated the Doc")
        }
        //$scope.formc.$setPristine(); // removes ng-dirty doesnt help
      });
    }

  })

HTML

<div ng-controller="CustomerCtrl">
    <form name="formc" novalidate>    
        <div class="list">
          <label class="item item-input">
            <span class="input-label">Name</span>
            <input type="text" ng-model="customer.name">
          </label>
          <label class="item item-input">
            <span class="input-label">Adresse</span>
            <input type="text" ng-model="customer.address">
          </label>
        </div>
        <button type="submit" class="button button-large" ng-click="doUpdate(customer)">
          Submit
        </button>
    </form>
</div>

2 个答案:

答案 0 :(得分:2)

您可以在angular api reference here中找到一个示例。这有帮助吗?

基本想法(取自上面的链接): ngSubmit可以将角度表达式绑定到onsubmit事件。

<form ng-submit="submit()" ng-controller="ExampleController">
  Enter text and hit enter:
  <input type="text" ng-model="text" name="text" />
  <input type="submit" id="submit" value="Submit" />
  <pre>list={{list}}</pre>
</form>

答案 1 :(得分:-1)

我真的很蠢.. 它曾经做过提交,但我没有收到错误消息,因为如果它没有错误但是它有错误,我只会打印一些东西到控制台......

  if (!err) {
    console.log("Successfully Updated the Doc")
  }

我真的很抱歉因为我的愚蠢错误而投入时间的人......