Angular Json Extend
HTML
1: <html xmlns="http://www.w3.org/1999/xhtml" data-ng-app>
2: <head runat="server">
3: <title>Angular Json Extend</title>
4: <script src="javascript/angular.min.js" type="text/javascript"></script>
5: </head>
6: <body>
7: <form id="form1" runat="server">
8: <div data-ng-controller="DemoExtend">
9: {{Data}}
10: <br />
11: <span ng-bind="Data|json"></span>
12: </div>
13: </form>
14: </body>
15: </html>
JAVASCRIPT
1: <script type="text/javascript">
2: //Angular Json Extend
3: function DemoExtend($scope) {
4: var Temp = { name: 'Tom', age: 10 };
5: $scope.Data = Temp;
6: angular.extend($scope.Data, { sex: 'M', bir: '2014/05/05' }) //新增元素
7: }
8: </script>