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

Angularjs形成不起作用

2 个答案: