Javascript Angularjs-加载带有$scope值的JSON数据(动态)返回未定义的

Javascript Angularjs-加载带有$scope值的JSON数据(动态)返回未定义的,javascript,angularjs,Javascript,Angularjs,我将ng模型添加到我的输入字段中,如下所示 <div ng-app="myApp" ng-controller="GlobalCtrl"> <input type="text" ng-model="FirstName"> {{FirstName}} </div> 现在$scope.loadedata)未定义。为什么?我做错了什么?关于您的代码片段,有几点需要注意。您正在使用一个输入栏,其中DOM试图呈现未定义的FirstName。有关

我将ng模型添加到我的输入字段中,如下所示

<div ng-app="myApp" ng-controller="GlobalCtrl">
    <input type="text" ng-model="FirstName">
        {{FirstName}}
</div>

现在
$scope.loadedata)
未定义。为什么?我做错了什么?

关于您的代码片段,有几点需要注意。您正在使用一个输入栏,其中DOM试图呈现未定义的FirstName。有关输入和双向绑定模板控制器关系的正确用法,请参阅此演示

另外,您在哪里调用console.log()?我假设在控制器调用后?

我的视图:

<div ng-app="myApp" ng-controller="GlobalCtrl">
<input type="text" ng-model="req.FirstName">
    {{req.FirstName}}
</div>

经过长时间的研究,我发现最好不要序列化,可以使用ng模型这样做。它是有效的

很抱歉给您带来了混乱。做了一些编辑。请现在检查。我确实得到了字符串格式的值。我对
$scope.FirstName
很满意,但我的问题是
$scope.loadedata
仍然存在。
<div ng-app="myApp" ng-controller="GlobalCtrl">
<input type="text" ng-model="req.FirstName">
    {{req.FirstName}}
</div>
myApp.controller('GlobalCtrl', function($scope) {
$scope.req = {};
console.log(JSON.stringify($scope.req));
});