Javascript 如何在angular on load中序列化div?
我使用的是angular js 1.2版 基本上,我是在服务器上基于屏幕创建对象来完成我需要传递给服务器的操作 如何使用angularjs将“div”onload屏幕转换为json html如下所示:Javascript 如何在angular on load中序列化div?,javascript,html,angularjs,angularjs-scope,Javascript,Html,Angularjs,Angularjs Scope,我使用的是angular js 1.2版 基本上,我是在服务器上基于屏幕创建对象来完成我需要传递给服务器的操作 如何使用angularjs将“div”onload屏幕转换为json html如下所示: <div id="settingsholder" ng-controller="MyCtrl"> <input ng-model="user.firstName" /> <input ng-model="user.lastName" /> <
<div id="settingsholder" ng-controller="MyCtrl">
<input ng-model="user.firstName" />
<input ng-model="user.lastName" />
<input type="button" ng-click="showJson()" value="Object To JSON" />
<hr/>
{{user | json}}
</div>
jsfiddele:
我希望是这样
不设置firstname和lastName。它不需要是firstname和lastName,在屏幕中,ng模型可以是您要查找的任何对象 有几种方法可以在页面加载时更新$scope。我个人更喜欢使用
init()
:
小提琴:
在阅读和重读您的问题之后,我觉得您似乎想用预加载的html值(在您的示例中是一个空字符串)填充
$scope
。这不是Angular的工作方式,如果您想用html值填充$scope
,请花时间阅读本文:我不知道它的用途。但是如果您真的需要nginit
可能是一个选项
<div id="settingsholder" ng-controller="MyCtrl">
<input ng-model="user.firstName" ng-init="user.firstName=''" />
<input ng-model="user.lastName" ng-init="user.lastName=''" />
<input type="button" ng-click="showJson()" value="Object To JSON" />
<hr/>{{user | json}}
{{user|json}
检查用例是什么?在服务器中,我根据屏幕创建对象:)没有太多解释。把更多的精力放在问题上,你会得到符合问题的答案。这没有填充对象属性。我现在明白他想要什么了:)我相应地更新了小提琴。你可以这样做
$scope.display=angular.toJson($scope.user)
然后在视图上,您可以只调用{{{display}
,但是您还必须在控制器级别初始化,我不想这样给出“$scope.user={firstName:”,lastName:”};`我不知道内容是什么,现在我只使用ng init:)
$scope.init = function() {
$scope.json = angular.toJson($scope.user);
}
$scope.init();
<div id="settingsholder" ng-controller="MyCtrl">
<input ng-model="user.firstName" ng-init="user.firstName=''" />
<input ng-model="user.lastName" ng-init="user.lastName=''" />
<input type="button" ng-click="showJson()" value="Object To JSON" />
<hr/>
{{user | json}}
</div>
<div id="settingsholder" ng-controller="MyCtrl">
<input ng-model="user.firstName" />
<input ng-model="user.lastName"/>
<input type="button" ng-click="showJson()" value="Object To JSON" />
<hr/>
{{user | json}}
</div>
function MyCtrl($scope) {
$scope.user = {firstName:'',lastName:''};
}
<div id="settingsholder" ng-controller="MyCtrl">
<input ng-model="user.firstName" ng-init="user.firstName=''" />
<input ng-model="user.lastName" ng-init="user.lastName=''" />
<input type="button" ng-click="showJson()" value="Object To JSON" />
<hr/>{{user | json}}