可清除输入从输入中删除文本但deosnot使控件无效

Question

我有一个简单的angular2形式，我在输入上设置了清除图标，当点击它时清除输入中的数据...问题是当我点击图标时它会删除数据，但它不会使控件无效...我在此演示中实现了代码http://plnkr.co/edit/O6WhKkagS1zv9LaWvRSt?p=preview 当输入数据并且用户点击清除图标

时，这就是我从输入框清除文本的方式

    function tog(v) { return v ? 'addClass' : 'removeClass'; }
$(document).on('input', '.clearable', function () {
    $(this)[tog(this.value)]('x');
}).on('mousemove', '.x', function (e) {
    $(this)[tog(this.offsetWidth - 18 < e.clientX - this.getBoundingClientRect().left)]('onX');
}).on('touchstart click', '.onX', function (ev) {
     ev.preventDefault();
    $(this).focus();
    $(this).removeClass('x onX').val('').change();
}); 

如果需要输入，有人请帮助我如何使控件无效 型