Jquery 动态创建触发器复选框以应用语义ui及其功能

我使用

ng repeat

在表上呈现列表数据

$scope.displayMatches=[]

<tbody>
   <tr ng-repeat="match in displayMatches">
      <td>{{match.Name}}</td>
      <td colspan="2">
          <div class="ui fitted toggle checkbox">
              <input type="checkbox" ng-checked="{{match.Resigned}}"><label></label>
          </div>
      </td>
   </tr>
</tbody>

{{match.Name}

列表数据以异步模式加载，然后动态创建复选框。

---

如何将语义ui复选框事件（如

beforeChecked

和

onChanged

事件）应用于每个复选框？

我找到了解决方案。测试并确认其工作正常

$scope.initCheckbox = function () {
    $('.ui.checkbox').checkbox({
        beforeChecked: function () {
            alert(0);
            return false;
        },
        onChange: function () {
            alert(1);
        }
    });
}

在视图中，添加

ng init

<input type="checkbox" ng-checked="{{match.Resigned}}" ng-init="initCheckbox()"><label></label>

---

就这样

我找到了解决办法。测试并确认其工作正常

$scope.initCheckbox = function () {
    $('.ui.checkbox').checkbox({
        beforeChecked: function () {
            alert(0);
            return false;
        },
        onChange: function () {
            alert(1);
        }
    });
}

在视图中，添加

ng init

<input type="checkbox" ng-checked="{{match.Resigned}}" ng-init="initCheckbox()"><label></label>

---

就是这样

请不要在angular的默认方向中使用

{{{

&

}}

显示它应该是什么样子？请不要在angular的默认方向中使用

{{

&

}

显示它应该是什么样子？