Javascript 聆听多种形式的ng dirty_Javascript_Forms_Angularjs

Javascript 聆听多种形式的ng dirty

javascript forms angularjs

Javascript 聆听多种形式的ng dirty,javascript,forms,angularjs,Javascript,Forms,Angularjs,我正在使用AngularJs构建一个应用程序在我的一个模板部分中，我使用“ng repeat”生成多个表单： <ul class="small-block-grid-2 medium-block-grid-3 large-block-grid-4 usbDevices"> <li ng-repeat="usbDevice in usbDevices"> <div class="block"> <form name="form{{

我正在使用AngularJs构建一个应用程序

在我的一个模板部分中，我使用“ng repeat”生成多个表单：

<ul class="small-block-grid-2 medium-block-grid-3 large-block-grid-4 usbDevices">
  <li ng-repeat="usbDevice in usbDevices">
    <div class="block">
      <form name="form{{usbDevice.id}}">
        <!-- input fields -->
      </form>
    </div>
  </li>
</ul>

当这些表单中的任何一个显示为“ng dirty”时，底部会显示一个“Save”（保存）按钮，我该怎么做？我需要一个观察者吗

<a href="#" class="button expanded">Save</a>

您可以将其全部打包，例如：

 <body ng-controller="MainCtrl" ng-form="MainForm">
    <ul class="small-block-grid-2 medium-block-grid-3 large-block-grid-4 usbDevices" >
      <li ng-repeat="usbDevice in usbDevices">
        <div class="block">
          <form name="form{{usbDevice.id}}">
            <input required ng-model="usbDevice.description" >
          </form>
        </div>
      </li>
    </ul>
    <button ng-show="MainForm.$valid">Save</button>
  </body>






拯救

工作：

ng dirty

出于某种原因听起来是错误的。我希望在用户对任何字段进行任何更改时，立即显示“保存”按钮。当用户进行一些修改时，类“ng dirty”被添加到表单中。（如果我错了，请纠正我）