angularjs - Angular js代码禁用表单中的按钮

Question

我们有一个 UIform (angular js)，每行都有 Edit 按钮。编辑按钮具有一次只能编辑一行的条件。我需要在顶部插入另一个按钮以禁用所有行中的编辑按钮。请协助。

当前代码：btn ng-disable = disableedit ng-click form-edit > button </btn

disableedit 功能禁用所有编辑按钮，除了正在编辑的当前行。请协助新的 EditDisable 按钮的代码应该是什么。

Answer 1

据我了解，您只想edit在用户悬停在该行时启用按钮。这是我实现相同目标的尝试。您可以使用 ng-mouseenter 和 ng-mouseout 事件来触发函数。

• mouseenter ：当指针移动到元素上时发生该事件。

• mouseout ：当用户将鼠标指针移出元素或其子元素之一时发生

  <div ng-app="myApp" ng-controller="MainCtrl">
    <div class="mb-20" ng-repeat="row in rows" ng-mouseenter="rowid=$index+1">
      <span>{{$index+1}}</span>
      <span>{{row.value}}</span>
      <span>
       <button ng-disabled="rowid!=$index+1" ng-mouseout="rowid=0">edit</button>
      </span>
    </div>
  </div>
  

所以，基本上检查你的 row_id 是否等于当前索引启用按钮，否则让它被禁用。

这是 jsfiddle 链接：http: //jsfiddle.net/khushboo097/ohvqjdye/