Javascript 如何从js代码中显示/隐藏单击事件中的元素？

我曾经广泛使用Jquery。现在我偶然发现了Angularjs，我正在努力理解它是如何工作的，我对它的工作方式感到非常兴奋。例如，我可以通过使用

ng click

，

ng hide

和

ng show

来执行以下隐藏和显示几个块的过程

<form id="signup-form" ng-submit="processForm()" ng-hide="showConfirm" >
    <input type="text" name="user" ng-model="name">
    <button type="submit"  id="submit" ng-click="showConfirm = ! showConfirm">Submit</button>
</form>

<div class="col-md-12 confirmation" ng-show="showConfirm">
        <h2 >Thanks alot for your feedback.</h1>
</div>

---

如果我想验证表单，也许可以使用

.preventDefault（）并执行某些操作。所有这些在AngularJs中是如何工作的？
只需更改控制器中的模型值：
showConfirm=！显示确认

这将使用您已有的
ng hide
和
ng show
指令自动更新视图


更好的方法是调用作用域函数，如：

$scope.toggleConfirm = function() { showConfirm = !showConfirm; }

…并在视图中使用
ng click=“toggleConfirm（）”
调用它以保留代码。
只需更改控制器中的模型值：
showConfirm=！显示确认

这将使用您已有的
ng hide
和
ng show
指令自动更新视图


更好的方法是调用作用域函数，如：

$scope.toggleConfirm = function() { showConfirm = !showConfirm; }

…并在视图中使用
ng click=“toggleConfirm（）”
调用它以保留代码。
只需更改控制器中的模型值：
showConfirm=！显示确认

这将使用您已有的
ng hide
和
ng show
指令自动更新视图


更好的方法是调用作用域函数，如：

$scope.toggleConfirm = function() { showConfirm = !showConfirm; }

…并在视图中使用
ng click=“toggleConfirm（）”
调用它以保留代码。
只需更改控制器中的模型值：
showConfirm=！显示确认

这将使用您已有的
ng hide
和
ng show
指令自动更新视图


更好的方法是调用作用域函数，如：

$scope.toggleConfirm = function() { showConfirm = !showConfirm; }

…并在视图中使用
ng click=“toggleConfirm（）”
调用它以保留代码。
请参阅：。包含有关验证的信息。请参阅：。包含有关验证的信息。请参阅：。包含有关验证的信息。请参阅：。有关于验证的信息。。