在 AngularJS 中，我们可以使用 ng-model 指令将表单元素与模型中的属性进行绑定。这使得我们可以方便地实现双向数据绑定。然而，当我们试图使用 jQuery 直接修改绑定属性的值时，会发现这个绑定并没有更新视图。
问题描述
考虑以下代码：
---- ---- ---- --- ---- -------------- ----------------------- ------ ----------- ----------------- ------- ---------------------- ------------- ------
-- -- ----
--- --- - ----------------------- ----
------------------------ ---------------- -
----------- - -------
---
---------------------------- -
--------------------------------- -
-----------------------
---
---我们期望点击按钮后，输入框中的值应该变成 "Jane"，但事实上它并没有改变。
原因分析
AngularJS 通过 $watch 监听属性的变化来实现数据绑定。而当我们直接使用 jQuery 修改绑定属性的值时，AngularJS 并没有感知到这个变化，因此也就没有触发相应的 $digest 循环来更新视图。
解决方案
要解决这个问题，我们需要让 AngularJS 知道这个变化。有两种解决方案：
使用 $apply()
$apply() 是 AngularJS 提供的一个方法，它会触发 $digest 循环，从而强制更新视图。因此，我们可以通过以下方式来解决问题：
---------------------------- -
--------------------------------- -
------------------------ -
----------- - -------
---
---
---上面的代码中，我们将修改模型属性的代码放在了 $apply() 中，并传入了一个回调函数。当这个回调函数执行完毕后，AngularJS 会自动触发 $digest 循环，从而更新视图。
使用 AngularJS 提供的 jQuery 封装
AngularJS 还提供了一些封装过的 jQuery 插件，它们可以让我们更方便地与 AngularJS 集成。其中，angular.element 可以帮助我们获取 AngularJS 的元素对象，从而实现数据绑定。因此，我们可以将上面的代码改为如下形式：
---------------------------- -
--------------------------------- -
-------------------------------------------------------------
---
---上面的代码中，我们使用 angular.element 获取了输入框的元素对象，并使用 val() 方法修改了它的值，最后使用 triggerHandler() 方法触发了 input 事件，从而告诉 AngularJS 这个变化发生了。当然，我们也可以使用其他 AngularJS 提供的方法，比如 scope()、injector() 等。
示例代码
完整的示例代码如下所示：
--------- -----
------
------
----- ----------------
----------------- -------- ------- --- -------- ---- ------- ---- --------------
------- -----------------------------------------------------------
------- ------------------------------------------------------------------------------------
-------
------
---- -------------- -----------------------
------ ----------- -----------------
------- ---------------------- -------------
------
--------
--- --- - ----------------------- ----
------------------------ ---------------- -
----------- - -------
---
---------------------------- -
--------------------------------- -
-- ------ --------
-- ------------------------ -
-- ------
- ----------------------------------------------------------- --------
---------------------------------------------------------------------------------------