Trigger checkbox created dynamically to apply semantic-ui and its features

I have list data $scope.displayMatches = [] to render on table using ng-repeat.

<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>

The list data is loaded in async mode and then checkbox is created dynamically.

How can I apply semantic-ui checkbox event like beforeChecked and onChanged events to each of checkbox?