材料输入标签不能正常工作？

Question

我将数据填充到模型中，并以这种方式显示。

点击输入字段后，

以这种方式显示。

这是刀片（模型编辑用户）

<div class="md-form col-md">
       <input type="text" id="name" name="name" class="form-control" required>
       <label for="name" class="">User Name</label>
</div>

这是我使用过的javascript代码。

$('#users_view_table tbody').on('click', '#editUser', function (e) {
            e.preventDefault();
            var data = oTable.row($(this).parents('tr')).data();
            var dataname = data.name;

            $("#model-edit-users").modal('show');
            $('#model-edit-users').on('shown.bs.modal', function () {
                $('#name').val(dataname);
            });
        });

任何人都可以帮我解决这个UI问题

Answer 1

您可以尝试使用<md-input-container>，如下所示

<md-input-container> 
  <label>User Name </label> 
  <input type="text" id="name" name="name" class="form-control" required> 
</md-input-container>