为什么ng-bind和{{}}为json提供不同的输出？

Question

以下是我正在使用的代码，不明白为什么ng-bind和{{}}的输出存在差异。

angular.module('Test', []);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="Test">
  <input type="text" ng-model="foo.bar" />
  <input type="text" ng-model="foo.baz" />
  <p ng-bind="foo"></p>
  <p>{{ foo }}</p>
</div>

这是我得到的输出

//for ng-bind
[object Object]      

//for {{}}
{"foo":"ankur","bar":"23"}

Answer 1

原因是{{}}正在评估表达式之前将它绑定到视图，而ng-bind没有这样做，所以你有一个字符串代表你的数组< / s>对象。