javascript - Material 输入标签无法正常工作？

Question

我将数据填充到模型中，它显示如下。

点击后输入字段以这种方式显示。

这是 Blade (模型编辑用户)

<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);
            });
        });

谁能帮我解决这个用户界面问题

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>