如何恢复Angular-material中的md-input语句

Question

<md-input-container class="md-block" >
   <label>username</label>
     <input type="text" name="username" ng-model="user.username" required md-no-asterisk>
     <div ng-messages="loginForm.username.$error">
       <div ng-message="required">It is required.</div>
     </div>
</md-input-container>
<md-button class="md-raised" id="clean">clean</md-button>

我想通过按钮恢复md-input语句，所以我做了以下工作。

angular
    .module('xxx', ['ngMaterial', 'ngMessages'])
    .directive('xxx', function(){
        return{
            restrict: 'E',
            templateUrl: 'js/app/user/login-form.html',
            link: link
        };
        function link(scope, element, attr) {
        element.find('#clean').on('click', function(){
            element.find('input').val('');
            scope.user.username = '';
        });
    }
});

结果不好，因为它不是输入行上字体为灰色的原始语句。如何解决？

加载后：

点击按钮