Форма Angularjs не работает

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 ваш код работает в plunker

<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