Angularjs 表单有效时启用按钮

我希望表单有效时提交表单的按钮保持启用状态：

<button class="button button-clear button-positive" ng-click="submitForm(data)" ng-disabled="myForm.$invalid">
  Salvar
</button>

<form name="myForm">
  <label class="item item-input">
    <span class="input-label">Nome</span>
      <input type="text" placeholder="Nome da categoria" ng-model="data.Categoria.name" required>
   </label>
</form>

萨尔瓦多
诺姆

我认为问题在于按钮在表单之前，所以他们没有“看到”我的表单。$无效。如果你问我为什么我不能把按钮放在表单里面，是因为这个按钮在应用程序的标题栏上，表单在下面

---

如何处理这种情况？？？

您可以使用ng form指令

萨尔瓦多
诺姆

您可以通过设置包含两个控件的表单来尝试：

<form name="myForm">
  <button class="button button-clear button-positive" ng-click="submitForm(data)" ng-disabled="myForm.$invalid">
    Salvar
  </button>
  <label class="item item-input">
    <span class="input-label">Nome</span>
      <input type="text" placeholder="Nome da categoria" ng-model="data.Categoria.name" required>
   </label>
</form>

萨尔瓦多
诺姆

或者，如果您不想破坏布局或不需要表单，请使用：

萨尔瓦多
诺姆

如果myForm与上述内容相同，则myForm不会在按钮范围级别提供。如果它在不同的模板中，它可能不可用。什么不起作用？还有，你不能在标题中声明表单并在它现在关闭的地方关闭它吗？是否所有内容都在ng控制器范围内？是否所有内容都在同一模板和同一控制器中。。我遵循你的想法，在页面的开头加上一个按钮。如果你给出答案，我会接受的

<form name="myForm">
  <button class="button button-clear button-positive" ng-click="submitForm(data)" ng-disabled="myForm.$invalid">
    Salvar
  </button>
  <label class="item item-input">
    <span class="input-label">Nome</span>
      <input type="text" placeholder="Nome da categoria" ng-model="data.Categoria.name" required>
   </label>
</form>

<div class="item item-input-inset" ng-form="myForm">
  <button class="button button-clear button-positive" ng-click="submitForm(data)" ng-disabled="myForm.$invalid">
    Salvar
  </button>
  <label class="item item-input">
    <span class="input-label">Nome</span>
      <input type="text" placeholder="Nome da categoria" ng-model="data.Categoria.name" required>
   </label>
</div>