javascript - 在Angular JS中将值绑定到输入

Question

我有这样的输入

<input type="text" name="widget.title" ng-model="widget.title" value="{{widget.title}}"/>

我想动态更改输入值，所以我使用它，但它不会更改值：

$scope.widget.title = 'a';

Answer 1

您根本不需要设置值。ng-model 负责这一切：

• 从模型中设置输入值
• 更改输入时更新模型值
• 从 js 更改模型时更新输入值

这是小提琴：http: //jsfiddle.net/terebentina/9mFpp/

Answer 2

如果您不想使用 ng-model ，ng-value可以尝试。

这是小提琴：http: //jsfiddle.net/Rg9sG/1/

Answer 3

用于ng-value点击后输入框的设置值button：

"input type="email"  class="form-control" id="email2" ng-value="myForm.email2" placeholder="Email"

和

将值设置为：

 $scope.myForm.email2 = $scope.names[0].success;

Answer 4

有时会出现不与 DOM 交互的功能/特性的问题

尝试急剧改变值，然后分配 $scope

document.getElementById ("textWidget") value = "<NewVal>";
$scope.widget.title = "<NewVal>";

Answer 5

{{widget.title}} 试试这个它会工作