返回介绍

模板 > 数据

发布于 2024-12-24 22:41:42 字数 1633 浏览 0 评论 0 收藏 0

6.2. 模板->数据

模板到数据的绑定,主要是通过 `ng-model` 来完成的:

  <input type="text" id="test" ng-controller="TestCtrl" ng-model="a" />

  <script type="text/javascript" charset="utf-8">
  var TestCtrl = function($scope){
    $scope.a = '123';
  }

这时修改 `input` 中的值,然后再在控制终端中使用:

  $('#test').scope().a

查看,发现变量 `a` 的值已经更改了。

实际上, `ng-model` 是把两个方向的绑定都做了。它不光显示出变量的值,也把显示上的数值变化反映给了变量。这个在实现上就简单多了,只是绑定 `change` 事件,然后做一些赋值操作即可。不过 ng 里,还要区分对待不同的控件。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文