Question

我在视图中有以下标记

  <div ng-show="showTheForm" class='col-md-8'>
    <form ng-submit='login()'action="http://localhost/test/signin.php" target='signin' method="post">

     <input type="submit" class='alt-btn' id="signin-button" value="Sign in">
    </form>
 </div>


<div ng-show="!showTheForm" class='col-md-8'>
        <iframe height='600px' width='470px' id="signin" name="signin" frameBorder="0"></iframe>
   </div>

当我提交表单时，我在controller

中运行此功能

$scope.login = function() {
  //Show the iframe
$scope.showTheForm = false;
}

我想要发生的是表单隐藏，而iframe的div变得可见。

我提交时隐藏了表单，但iframe不可见，我想知道我做错了什么？

我读到了$apply以及如何更新变量时如何使用它来通知angular。我尝试了这个但是没有效果。

有人会知道我哪里出错吗？

Answer 1

控制器中函数的定义是错误的。

从 $scope.login() = function() ==＆gt;更改功能定义$scope.login = function()

ng-show隐藏表单提交中的div

1 个答案: