javascript - 表单标签中的 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">

问题是新表单在页面加载时显示，然后当您单击“单击新表单”时，表单会切换。

我试图做相反的事情，没有出现在加载中，然后在您单击“单击以获取新表单”时切换

Answer 1

从表单指令文档：

如果指定了 name 属性，则表单控制器以该名称发布到当前范围。

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

这就是为什么NewFormscope 属性被初始化为空 object的原因{}，这是一个告诉 ui-directive 显示表单的真实值。在此示例中，您需要为表单选择一个不同的名称：

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