1

我知道还有很多其他类似的问题,但我没有在那里找到答案。

<html ng-app="app" ng-controller="AppController">    
...
    <form class="navbar-form navbar-left" role="search" ng-submit="alert()">
         <div class="form-group">
             <input type="text" class="form-control search" ng-model="text" />
         </div>
         <button type="submit" class="btn btn-default icon-default icon-search">Submit                          </button>
    </form>
</html>
4

2 回答 2

3

您不能alert像通常在普通 javascript 中那样在 Angular 中使用 (window.alert) 函数。这是来自角度$window服务文档的示例:

<script>
  function Ctrl($scope, $window) {
    $scope.greeting = 'Hello, World!';
    $scope.doGreeting = function(greeting) {
        $window.alert(greeting);
    };
  }
</script>
<div ng-controller="Ctrl">
  <input type="text" ng-model="greeting" />
  <button ng-click="doGreeting(greeting)">ALERT</button>
</div>

如果您将doGreeting(根据需要命名)函数放入控制器并注入$window,那么您的示例应该可以工作:

...
<form class="navbar-form navbar-left" role="search" ng-submit="doGreeting()">
...
于 2014-06-17T19:42:26.197 回答
2

尝试通过在按钮标签中添加 ng-click 来提交表单,并通过在 ng-click 中传递您的表单来调用提交函数。该函数是您在控制器中编写逻辑的地方。提交

于 2014-06-17T19:29:04.453 回答