javascript - 在 ng-include 之后调用 ng-submit

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 正在创建另一个范围。但是我如何访问这个范围来绑定(bind)函数呢？

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 ，我认为你还犯了其他错误。