fix(ngBind): use same json conversion logic as $interpolate

Fixes angular#11716

BREAKING CHANGE:

`ngBind` now uses the same logic as $interpolate (i.e. {{myString}}) when
binding, which means objects are now transformed to string with an
object's custom toString() function, except if the objects is a Date, Array, or Number, or
if the object doesn't have a custom toString(), JSON.stringify.
Previously, ngBind would use always use toString().

The following examples show the different output:
```js
$scope.myPlainObject = {a: 1, b: 2};
$scope.myCustomObject = {a: 1, b: 2, toString: function() {return 'a+b';}};
```

Plain Object:
```html
<!-- Before: -->
<span ng-bind="myPlainObject">[object Object]</span>

<!-- After: -->
<span ng-bind="myPlainObject">{"a":1,"b":2}</span>
```

Object with custom toString():

```html
<!-- Before: -->
<span ng-bind="myCustomObject">[object Object]</span>

<!-- After: -->
<span ng-bind="myCustomObject">a+b</span>
```

Migration:
If you want the output of `toString()`, use a custom filter:
```js
angular.module('myApp').filter('toString', function() {
  return function toString(value) {
    return value.toString();
  };
});
```

```html
<span ng-bind="myObject | toString">[object Object]</span>
```

Author: Narretz

src/.jshintrc

@@ -96,6 +96,7 @@
     "createMap": false,
     "VALIDITY_STATE_PROPERTY": false,
     "reloadWithDebugInfo": false,
+    "stringify": false,
 
     "NODE_TYPE_ELEMENT": false,
     "NODE_TYPE_ATTRIBUTE": false,

src/Angular.js

@@ -86,6 +86,7 @@
   getBlockNodes: true,
   hasOwnProperty: true,
   createMap: true,
+  stringify: true,
 
   NODE_TYPE_ELEMENT: true,
   NODE_TYPE_ATTRIBUTE: true,

src/ng/directive/ngBind.js

@@ -60,7 +60,7 @@ var ngBindDirective = ['$compile', function($compile) {
         $compile.$$addBindingInfo(element, attr.ngBind);
         element = element[0];
         scope.$watch(attr.ngBind, function ngBindWatchAction(value) {
-          element.textContent = isUndefined(value) ? '' : value;
+          element.textContent = isUndefined(value) ? '' : stringify(value);
         });
       };
     }
@@ -128,7 +128,7 @@ var ngBindTemplateDirective = ['$interpolate', '$compile', function($interpolate
         $compile.$$addBindingInfo(element, interpolateFn.expressions);
         element = element[0];
         attr.$observe('ngBindTemplate', function(value) {
-          element.textContent = isUndefined(value) ? '' : value;
+          element.textContent = stringify(value);
         });
       };
     }

test/ng/directive/ngBindSpec.js

@@ -46,6 +46,42 @@ describe('ngBind*', function() {
       expect(element.text()).toEqual('-0false');
     }));
 
+    they('should jsonify $prop', [[{a: 1}, '{"a":1}'], [true, 'true'], [false, 'false']], function(prop) {
+      inject(function($rootScope, $compile) {
+        $rootScope.bind = prop[0];
+        element = $compile('<div ng-bind="bind"></div>')($rootScope);
+        $rootScope.$digest();
+        expect(element.text()).toEqual(prop[1]);
+      });
+    });
+
+    it('should use custom toString when present', inject(function($rootScope, $compile) {
+      $rootScope.bind = {
+        toString: function() {
+          return 'foo';
+        }
+      };
+      element = $compile('<div ng-bind="bind"></div>')($rootScope);
+      $rootScope.$digest();
+      expect(element.text()).toEqual('foo');
+    }));
+
+    it('should NOT use toString on array objects', inject(function($rootScope, $compile) {
+      $rootScope.bind = [];
+      element = $compile('<div ng-bind="bind"></div>')($rootScope);
+      $rootScope.$digest();
+      expect(element.text()).toEqual('[]');
+    }));
+
+
+    it('should NOT use toString on Date objects', inject(function($rootScope, $compile) {
+      $rootScope.bind = new Date(2014, 10, 10, 0, 0, 0);
+      element = $compile('<div ng-bind="bind"></div>')($rootScope);
+      $rootScope.$digest();
+      expect(element.text()).toEqual('"2014-11-09T23:00:00.000Z"');
+    }));
+
+
     it('should one-time bind if the expression starts with two colons', inject(function($rootScope, $compile) {
       element = $compile('<div ng-bind="::a"></div>')($rootScope);
       $rootScope.a = 'lucas';