当前位置: 首页 > 面试题库 >

如何在角度控制器或示波器上使用angular.toJson

逄俊贤
2023-03-14
问题内容

请参见下面的jsFiddle示例,其中我尝试使用angular.toJson将Angular.js对象推入JSon表示形式。结果就是“ $ SCOPE”。

http://jsfiddle.net/K2GsS/12/

我想做的就是获取当前的属性和值。在这个例子中,我希望看到的是

{ firstName: 'Frank', lastName: 'Williams' }

有没有更好的方法来获取JSon形式的数据(即不使用范围)?显然,我可以手动滚动一个采用这些值并推出JSon表示形式的方法,但是随着控制器的更改,该函数也将随之变化,因此我宁愿只调用toJson类型的方法。有人知道这样做的正确方法吗?提前致谢。


问题答案:

我可以看到您来自jQuery世界,但是有了angular.js,事情变得越来越简单,请检查以下jsFiddle:http
:
//jsfiddle.net/pkozlowski_opensource/ASspB/1/

使用angular.js,您可以附加事件得多,简单得多:

 <input type="button" ng-click="showJson()" value="Object To JSON" />

然后在您的控制器中:

 $scope.showJson = function() {
    $scope.json = angular.toJson($scope.user);
}

实际上,使用angular.js过滤器可以更轻松地完成此操作,请检查以下jsFiddle:http
:
//jsfiddle.net/pkozlowski_opensource/ASspB/2/具有以下功能:

{{user | json}}

使用angular.js,您需要“学习”一些jQuery习惯,但这很好,因为大多数情况下事情变得非常容易得多。



 类似资料:
  • 我正在发送短信使用api调用约100多个用户。每个api调用需要大约1秒。所以,在进行100多个api调用的同时,我想显示一些进度条?这是一个Spring Boot应用程序。我正在从控制器调用api。所以,我要做的是反映到目前为止在前端的api调用量。这能用胸腺嘧啶吗?

  • 问题内容: 我在AngularJS应用程序中为i18n 使用angular-translate。 对于每个应用程序视图,都有一个专用的控制器。在下面的控制器中,我设置了要显示为页面标题的值。 码 的HTML 的JavaScript 我正在使用angular-translate-loader-url扩展名加载翻译文件。 问题 在初始页面加载时,将显示翻译键,而不是该键的翻译。翻译是,但我看到了。 第

  • 问题内容: 我试图弄清楚控制器继承是如何工作的。我有三个控制器: 和我的看法 但它们都显示“主要”。我该如何解决? 这是一个小提琴http://jsfiddle.net/g3xzh4ov/3/ 问题答案: 这是一个如何在Angular中扩展控制器的示例。 它要求使用,它取代有,它是这样的情况特别好。 注意,它是在幕后使用的,而不是其他Angular服务类型的用法,因此可以将语句从控制器直接带到单独

  • 问题内容: 这是一个很长的路,但是以前有人见过这个错误吗?我正在尝试使用express,angular和mongoDB添加“ Transporters”。每当我访问由transporters控制器控制的页面时,都会收到此错误: 运输者控制器如下所示: 在我看来,我调用该列表并创建方法。他们产生上述错误 我从ng:areq的有角文档中得到了这个,尽管仍然不知道发生了什么 AngularJS经常断言,

  • 问题内容: 我写了一个过滤器函数,它将根据您传递的参数返回数据。我希望控制器具有相同的功能。是否可以在控制器中重用过滤器功能? 到目前为止,这是我尝试过的: 问题答案: 将 $ filter 注入控制器 然后,无论您想在哪里使用该过滤器,都可以像这样使用它: 如果要将参数传递给该过滤器,请使用单独的括号进行处理: 您要过滤的数组在哪里,并且是用于过滤的对象。

  • 问题内容: 我试图让两个不同的控制器互相通信。 控制器1 该控制器旨在从文本字段中获取文本(使用ng-model =’email’),并将文本放入服务(emailService)中,以便可以在下一个ng- view(由下一个ng-view控制)中使用控制器) //出于测试目的,我只是将“ Hi”直接放入saveEmail函数中 控制器2 为了进行有目的的测试,我使用window.alert显示ge