Question

我想实现一个登录窗口。因此，我得到了我的起始页面，其中包含登录窗口的模板：

<div id="footer_wrapper" ng-include="template.url"></div>

在这个模板中有一个表单，在提交时调用submitLogin（）：

<form ng-submit="submitLogin()">
      <label for="email">E-Mail-Adresse</label><br>
      <input type="email" name="email" ng-model="loginEmail">
      <label for="password">Passwort</label><br>
      <input type="password" name="password" ng-model="loginPassword">
      <p>Passwort vergessen?</p>
      <input type="submit" value="Anmelden">
    </form>

但是当我提交表单时，不会调用submitLogin（）函数。

$scope.submitLogin = function(){
    console.log("function login");
    // logUserIn($scope.loginEmail, $scope.loginPassword);
  };

我认为ng-include正在创建另一个范围。但是如何访问此范围以将函数绑定到？

Answer 1

<form ng-submit="submitLogin()">
      <label for="email">E-Mail-Adresse</label><br>
      <input type="email" name="email" ng-model="loginEmail">
      <label for="password">Passwort</label><br>
      <input type="password" name="password" ng-model="loginPassword">
      <p>Passwort vergessen?</p>
      <input type="submit" value="Anmelden">
    </form>

此代码工作here，我认为您已经犯了其他错误。

在ng-include之后调用ng-submit

1 个答案: