Javascript 使用AngularJS和Material Design Lite表时，复选框将丢失其类

我尝试使用filter创建一个表，但当我在使用类mdl数据表的表中使用filter时，复选框会消失或丢失其样式

这是我的HTML：

<div class="mdl-cell mdl-cell--6-col-desktop" ng-controller="alumnosCtrl" style="overflow-y:scroll;height:600px;">
    <h4>Alumnos que actualizaron sus datos</h4>
    <div class="mdl-textfield mdl-js-textfield mdl-cell mdl-cell--12-col-desktop">
        <input class="mdl-textfield__input" type="text" ng-model="searchStudent" ng-text-change="">
        <label class="mdl-textfield__label" for="sample2">Ingrese cualquier caracteristica</label>
    </div>
    <table class="mdl-data-table mdl-js-data-table mdl-shadow--2dp mdl-cell mdl-cell--12-col-desktop ">
        <thead>
            <tr>
                <th>DNI</th>
                <th class="mdl-data-table__cell--non-numeric">Nombre</th>
                <th  class="mdl-data-table__cell--non-numeric">Apellidos</th>
                <th>Celular</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="student in students | filter:searchStudent">
                <td >{{student.DNI}}</td>
                <td class="mdl-data-table__cell--non-numeric">{{student.Nombre}}</td>
                <td class="mdl-data-table__cell--non-numeric">{{student.ApePat + student.ApeMat}}</td>
                <td>{{student.TelefonoCelular}}</td>
            </tr>

        </tbody>
    </table>
</div>

达托斯大学校友
安格尔库阿尔基尔特征菌
DNI
名义
阿佩利多斯
塞勒尔
{{student.DNI}
{{student.Nombre}}
{{student.ApePat+student.ApeMat}
{{student.telefonocellar}}

我该怎么做才能解决这个问题

---

这是一个我有这个问题的例子：

复选框是如何呈现的你没有它在你的dom中，也没有使用任何方向Hi，框架（MDL）会自动进行。由于复选框是通过框架呈现的，你需要使用纯角度解决方案，而不是使用框架，您可以依赖框架进行样式设置。复选框的呈现方式您的dom中没有复选框，也没有使用任何方向。Hi，框架（MDL）会自动执行此操作。由于复选框是通过框架呈现的，因此您需要使用纯角度解决方案，而不是使用框架，您可以依赖框架进行样式设置。