Angularjs form not working

Question

我有一個輸入國家名稱然後覆蓋全局變量的表單。單擊時「提交」按鈕不起作用。我錯過了什麼？ 這裏是HTML

<div ng-controller="InputController"> 
     <form class="form-wrapper cf" role="form"> 
      <input type="text" ng-model="model.country" placeholder="Search country..." required> 
      <button type="submit" ng-click="update()">Search</button> 
      <span>{{model.country}} ======</span> 
     </form> 
    </div> 

這裏是控制器。

LastFmApp.controller('InputController', 
function InputController($scope) { 
    $scope.model = {}; 
    $scope.update = function() { 
     console.log($scope.model.country); 
    }; 
}); 

Answer 1

我不認爲這是一個問題與角js。 提交按鈕將重新加載頁面，因此您將無法看到模型中的更改。

您可以使用輸入型按鈕，ngClick：

<input type="button" ng-click="update()">Search</input > 

或輸入型與ngSubmit屬性提交您的形式：

<form ng-submit="update()"> 
    <input type="submit">Search</input> 
</form> 

Answer 2

我不認爲有任何問題與您的代碼see您的代碼正在蹲跳者工作

<div ng-controller="InputController"> 
     <form class="form-wrapper cf" role="form"> 
      <input type="text" ng-model="model.country" placeholder="Search country..." required> 
      <button type="submit" ng-click="update()">Search</button> 
      <span>{{model.country}} ======</span> 
     </form> 
    </div> 

http://plnkr.co/edit/u9hqu1bASxxMgtEP1qAr?p=preview