Question

我在angular中构建了一个简单的表单，它接受用户输入并将它们设置为对象的值。最后，我需要能够从前端复制生成的数据。但是显示数据会在对象键中添加引号。有办法解决这个问题吗？

示例：

$scope.finalData = {
  name: 'john doe',
  age: '30',
  gender: 'male'
}

如果我在前端使用{{finalData}}，它会显示如下：

 {"name":"john doe", "age": "30", "gender":"male"}

我怎样才能让它显示出来：

{name:"john doe", age: "30", gender:"male"}

Answer 1

一种简单的方法是使用ng-repeat。您可以迭代对象中的key/value对，如下所示：

<div ng-repeat="(key,value) in finalData">
  {{key}}:  {{value}}
</div>

值得注意的是Angular不会插入引号＆＃34 ;;相反，当您将对象作为表达式中的唯一参数传递时，Angular会将对象传递给JSON.stringify()。