Javascript 角度2：具体化与预填充内容重叠的标签

我对动态数据和输入字段有问题

名称

我查看了Google和GitHub如何修复它，但没有找到任何解决方案。 我试图添加

active

类，但它不起作用。 我也尝试过使用jQuery

$（'#newName'）。addClass（'active'）而且它也不起作用

在控制台中，我有以下内容：


我怎样才能修好它？有人能帮我吗？
你能准备一个Plunker示例来说明实际问题吗？谢谢，但我必须解决这个问题。这是因为我将
jQuery
与
materialize
一起使用，当我删除此导入时，输入字段已修复，听说问题已解决！我相信将您的解决方案作为此线程的答案发布是有意义的。
<div class="input-field col s6">
  <input id="name" type="text" class="validate" value="{{ candidates.name }}">
  <label id="newName" for="name" class="active">Name</label>
</div>