在ng include之后调用ng submit

Call ng-submit after ng-include

本文关键字:ng submit 调用 include 之后      更新时间:2023-09-26

我想实现一个登录窗口。因此,我得到了我的起始页,其中包括登录窗口的模板:

<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正在创建另一个范围。但是,我如何访问此作用域以将函数绑定到?

<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>

这个代码在这里工作,我认为你还犯了其他错误。