Javascript AngularJS-使模型变量可用于jQuery？

我只是从AngularJS开始，试图找出如何轻松地引用绑定？角度控制器外部的作用域变量

简单代码：

<div ng-controller="Ctrl">
  <label>Name:</label>
  <input type="text" ng-model="yourNameInput" placeholder="Enter a name here">
  <input type="button" onClick="console.log(inputName);">
  <hr>
  <h1 ng-bind-template="Hello, {{yourNameInput}}"></h1>
</div>

然后：

<... ng-change = "change()">

还有什么更优雅的吗？

您可以将其插入控制器并使其在示波器上可用。看

你也可以看到

对于console.log，您可以使用

<input type="button" onClick="console.log('{{yourNameInput}}');" value="Log">

看

如果您想调试AngularJS应用程序，您可以使用

，您可以将其注入控制器并使其在作用域中可用。看

你也可以看到

对于console.log，您可以使用

<input type="button" onClick="console.log('{{yourNameInput}}');" value="Log">

看

---

如果您想调试AngularJS应用程序，您可以使用

嗯，我想您不会期望您的外部世界会在模型更改时自动更新。相反，您可以对您的模型进行拉动

我不喜欢将模型数据与全局变量同步的想法。如果我是你，我会这么做

console.log($("[ng-controller=Ctrl]").scope().yourNameInput);

---

外部世界的每个地方都需要访问该模型。

我想你不会期望外部世界在模型更改时自动更新。相反，您可以对您的模型进行拉动

我不喜欢将模型数据与全局变量同步的想法。如果我是你，我会这么做

console.log($("[ng-controller=Ctrl]").scope().yourNameInput);

---

外部世界的每个地方都需要访问该模型。

谢谢。所有这些例子都奏效了。如果我现在能知道如何使用jQuery验证和AngularJS，一切都会很好。@MarkL您可以尝试使用AngularUI，它提供了一种执行表单验证的替代方法，谢谢。所有这些例子都奏效了。如果我现在能知道如何使用jQuery验证和AngularJS，一切都会很好。@MarkL您可以尝试使用AngularUI，它提供了执行表单验证的另一种方法

<input type="button" onClick="console.log('{{yourNameInput}}');" value="Log">

console.log($("[ng-controller=Ctrl]").scope().yourNameInput);