正在删除Css活动类

Question

我有一个简单的表单，它有一些从AngularJs模型中填充的输入。

通常在过去，我在与输入关联的标签上使用活动类，以将文本移出输入字段。但是，当呈现页面时，活动类不再存在。因此，标签位于输入文本的顶部。

HTML表单

<div id="editModal" class="modal">
    <div class="modal-content">
        <h4>{{ 'Edit ' + academicYear.Name }}</h4>
        <div class="row">
            <div class="col s12">
                <div class="row">
                    <div class="input-field col s12">
                        <input id="acaYearName" type="text" class="" ng-model="academicYear.Name" required>
                        <label for="acaYearName" class="active">Academic Year Name</label>
                    </div>
                </div>
                <div class="row">
                    <div class="input-field col s6">
                        <input id="startDate" type="text" class="date-picker"
                               ng-model="academicYear.StartDate" required>
                        <label for="startDate" class="active">Start Date</label>
                    </div>
                    <div class="input-field col s6">
                        <input id="endDate" type="text" class="date-picker" ng-model="academicYear.EndDate"
                               required>
                        <label for="endDate" class="active">End Date</label>
                    </div>
                </div>
            </div>
        </div>
    </div>

有谁知道为什么要从HTML属性中删除活动的css类，以及如何修复它？