javascript - Angularjs - 使用 $scope 值加载 JSON 数据(动态)返回未定义

Question

我的输入字段有 ng-model，如下所示。

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

现在在我的 Controller 中 console.log $scope.FirstName 是我在我的 View 中给出的正确值。

但是当我尝试将 $scope 加载到类似 JSON 的结构中时，我得到了未定义的信息。

myApp.controller('GlobalCtrl', function($scope) {

    $scope.loadedata = {"asd":$scope.FirstName};
    console.log($scope.FirstName); //this is fine
    console.log($scope.loadedata); //but this is undefined.
});

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

Answer 1

您的代码片段有几点。您正在使用输入栏，您的 DOM 正在尝试呈现未定义的 FirstName。请参阅此演示以正确使用输入和双向绑定(bind)模板- Controller 关系。

https://material.angularjs.org/latest/demo/input

此外，您在哪里调用 console.log()？我假设在 Controller 调用之后？