在AngularJS中，我们经常使用ng-model来双向绑定表单控件和作用域变量。不过，在使用ng-model的同时，我们也可能会遇到一个问题：输入框的value属性会被忽略。
问题描述
当我们在HTML中使用ng-model指令来将一个输入框绑定到一个作用域变量时，如果同时设置了该输入框的value属性，那么value值就会被忽略，即使我们手动修改了输入框的值，其value属性也不会更新。
例如，下面这个示例中，我们试图将一个输入框的value属性设置为"Hello world!"，并且将其绑定到一个作用域变量myValue：
<input type="text" value="Hello world!" ng-model="myValue">
但是，实际上，输入框中显示的文本并不是"value"属性中的"Hello world!"，而是我们在作用域中定义的myValue的值，如果我们在页面加载后手动更改输入框的值，则该作用域变量的值也会相应地更新。这似乎与我们期望的不同。
原因分析
这个问题的原因在于ng-model指令的工作原理。ng-model将输入框的value属性与作用域变量进行双向绑定。在上面的示例中，我们将输入框的value属性设置为"Hello world!"，但是ng-model指令会将该值忽略，并且将输入框的值初始化为myValue的值（在这种情况下为undefined）。因此，如果我们想要初始化输入框的值，应该直接初始化作用域变量，而不是设置value属性。
解决方案
为了解决这个问题，我们可以采取以下两种方式：
1. 删除value属性
我们可以简单地删除输入框的value属性并只使用ng-model来绑定它。这样就能确保输入框中显示的文本始终与作用域变量的值相同。
<input type="text" ng-model="myValue">
2. 设置默认值
如果我们还需要初始化输入框的值，可以通过在控制器中设置作用域变量的默认值来实现：
app.controller('myController', function($scope) {
$scope.myValue = "Hello world!";
});然后，我们只需像平常一样使用ng-model指令来绑定输入框：
<input type="text" ng-model="myValue">
这时，输入框的默认值将会被设置为"Hello world!"。
总结
在AngularJS中，我们需要注意使用ng-model指令时可能导致输入框的value属性被忽略。解决这个问题的方法很简单，要么删除value属性，要么在控制器中设置默认值。通过正确使用ng-model指令，我们可以轻松地双向绑定输入框和作用域变量，提高AngularJS应用的开发效率。
参考示例代码：
-- -------------------- ---- -------
--------- -----
----- ---------------
------
----- ----------------
---------------- - ----- --------- -- -- ----- ---- --- -- ------- ---- ----- -- - -------- -------------
-------
----- -----------------------------
------ ----------- -------------------
------- ---------------------------------------------------------------------------------
--------
--- --- - ----------------------- ----
------------------------------ ---------------- -
-------------- - ------ --------
---
--------
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------