表单标记中的data-ui-toggle

Question

我正在使用Angular，并在表单标记中有一个data-ui-toggle：

<a href="" data-ng-click="NewForm=!NewForm">Click for New Form</a>
<form class="custom" name="NewForm" ng-submit="save()" novalidate data-ui-toggle="NewForm">

问题是NewForm在页面加载时显示，然后当您单击“Click for New Form”时，表单将切换为。

我正在尝试做相反的事情，没有出现加载，然后当您点击“点击新表格”时切换

Answer 1

来自form directive docs：

  

如果指定了name属性，则表单控制器将以此名称发布到当前作用域。

您对两者使用相同的NewForm标识符，引用FormController的范围变量（由form指令自动实例化）和ui-toggle标志变量。

这就是NewForm范围属性初始化为空对象{}的原因，这是一个告诉ui-directive显示表单的真值。 在此示例中，您需要为表单选择其他名称：

<form class="custom" name="MyForm" ng-submit="save()" novalidate data-ui-toggle="NewForm">