在 Angular 中,可以使用 angular.toJson()
方法将 JavaScript 对象转换为 JSON 字符串。要在 AngularJS 控制器或范围内使用 angular.toJson()
,请按照以下步骤操作:
angular.toJson()
的示例:var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.myObject = {
name: "John",
age: 30,
city: "New York"
};
$scope.convertToJson = function() {
$scope.jsonString = angular.toJson($scope.myObject);
};
});
在此示例中,我们创建了一个名为 myCtrl
的控制器,并在其中定义了一个名为 myObject
的对象。我们还定义了一个名为 convertToJson
的函数,该函数使用 angular.toJson()
方法将 myObject
转换为 JSON 字符串,并将结果存储在名为 jsonString
的作用域变量中。
myCtrl
控制器与范围变量一起使用:<div ng-app="myApp" ng-controller="myCtrl">
<h2>Object to JSON</h2>
<p>Object:</p>
<pre>{{ myObject | json }}</pre>
<p>JSON string:</p>
<pre>{{ jsonString }}</pre>
<button ng-click="convertToJson()">Convert to JSON</button>
</div>
在此示例中,我们使用 ng-app
和 ng-controller
指令将 myCtrl
控制器与范围变量一起使用。我们还使用 {{ myObject | json }}
和 {{ jsonString }}
将对象和 JSON 字符串显示在页面上。最后,我们添加了一个按钮,当单击该按钮时,将调用 convertToJson()
函数。
通过以上步骤,您可以在 AngularJS 控制器或范围内使用 angular.toJson()
方法将 JavaScript 对象转换为 JSON 字符串。
领取专属 10元无门槛券
手把手带您无忧上云