无法获取使用 javascript 分配的输入字段“值”

Question

我将 Laravel 和 Angular JS 用于表单。我在下面的表格中得到了一个文本框

<input type="text" name="removedSiblings" ng-model="form.removedSiblings"
       id="div_removedSiblings" class="form-control">

使用 Javascript 我正在分配一个值（单击按钮）

var elem = document.getElementById('div_removedSiblings');
elem.value = 'malai';

在控制器中得到以下代码PHP

$removedSiblings = \Input::get('removedSiblings');
logger($removedSiblings);

每当字段使用 javascript.

获取值时，我总是为 $removedSiblings 变量获取空值

但是，当我在文本框中手动键入一个值时，该值会打印在控制器中。

这里有什么问题吗？

Answer 1

这是因为使用了两种方式绑定的 ng-model。尝试在控制器范围变量上设置值 form.removedSiblings。

希望对您有所帮助。

Answer 2

AngularJS 框架不监视 <input> 元素的 value 属性。它仅在用户输入或框架内部更新后更新模型。

对按钮使用 ng-click 指令：

<button ng-click="form.removedSiblings = 'malai'">
    Click me
</button>

有关详细信息，请参阅

Unable to get input field `value` assigned using javascript