表单标签内的data-ui-toggle

data-ui-toggle within Form Tag

本文关键字：data-ui-toggle 标签 表单      更新时间：2023-09-26

我正在使用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 NewForm"时，表单切换了。

我正试图做相反的事情，没有出现在加载，然后切换当你点击"点击新建表单"

从form指令docs:

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

你使用相同的NewForm标识符，范围变量引用的FormController是由form指令自动实例化的，对于ui-toggle标志变量。

这就是为什么NewForm范围属性初始化为空对象{}，这是一个真值，告诉ui指令显示表单。在本例中，您需要为表单选择一个不同的名称:

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