Angularjs 如何使用ng click隐藏表单?

Angularjs 如何使用ng click隐藏表单?,angularjs,node.js,express,Angularjs,Node.js,Express,我有一张搜索表。当我单击ng click按钮时,它会给出一些产品详细信息。一旦我得到了细节,我想把表格藏起来 product.html <form name="search_form"> <div class="search" flex layout="row" layout-align="start center"> <md-icon md-font-icon="icon-magnify" class="icon search-icon"><

我有一张搜索表。当我单击
ng click
按钮时,它会给出一些产品详细信息。一旦我得到了细节,我想把表格藏起来

product.html

<form name="search_form">
  <div class="search" flex layout="row" layout-align="start center">
    <md-icon md-font-icon="icon-magnify" class="icon search-icon"></md-icon>
    <input class="search-input" ng-model="vm.form.search" type="text" placeholder="Place your URL here.."  flex>
  </div>
  <md-button class="md-raised md-accent" aria-label="LOG IN" ng-click="vm.submitPost(vm.form);">
     Get Details
  </md-button>
</form>
我的表单如下所示:


在那个图像中,我标记了那个表单。当我单击“获取详细信息”按钮时,我想获取产品的详细信息,同时隐藏该表单。

使用变量
ngHide

submitPost
函数中的承诺之后,将变量设置为true:

vm.hideForm = true;
ngHide
与标记中的表单一起使用:

<form ng-hide="vm.hideForm === true">

将变量与
ngHide一起使用

submitPost
函数中的承诺之后,将变量设置为true:

vm.hideForm = true;
ngHide
与标记中的表单一起使用:

<form ng-hide="vm.hideForm === true">


或者干脆
我很喜欢你说的,但是在点击“获取详细信息”按钮之前,表单和按钮都不明显,因为按钮是表单的一部分,整个表单都被隐藏了!“取出按钮”是什么意思?只需在表单中的div元素上使用
ngHide
。或者干脆
我很喜欢你所说的,但在单击“获取详细信息”按钮之前,表单和按钮都不显着,因为按钮是表单的一部分,整个表单都被隐藏!“取出按钮”是什么意思?只需在表单中的div元素上使用
ngHide