如果在angularjs中提交表单时，如果必填字段为空，如何聚焦输入字段？

Question

我有一个包含输入字段列表的表单。如果我单击提交按钮而不填写必填字段，焦点不会滚动到错误字段，焦点仍然保留在提交按钮。 注意：焦点适用于输入文本字段。它在select2和summernote输入字段中不起作用

我的表格是，

<form name="profileForm">
<label  mandate>name</label>
<input type="text"  ng-model="name" required>
<label  mandate>Profile Summary</label>
<textarea type="text" ng-model="summary" required></textarea>
<label  mandate>Discription</label>
//focus is not working for the following fields//
<summernote  ng-model="discription" config="options" required >
</summernote>
<label  mandate>Degree</label>
<div id="getdegree" ng-click="getDegree()"target-id="degree" required>
</div>//dropdown field
<button type="submit">Submit</button>
</form>