javascript - 为什么 Angular 模型名称中的点会导致 Controller 无法找到它？

Question

我对 Angular 还很陌生，所以我不明白这段代码。

app.controller('FileConfigController-detail',
    function($scope, $http, $stateParams, FileConfigDetailsService) {
        $scope.detail.inptITResourceID = "test me";
    });

使用此 HTML:

                    <div class="form-group">
                        <label for="inptITResourceID">IT ResourceID</label>
                        <input class="form-control" id="inptITResourceID" type="text" ng-model="detail.inptITResourceID">
                    </div>
                    

我不明白的是为什么添加带有点的东西会导致代码无法工作？

仅使用一个点就可以正常工作，但不能使用.detail.，否则会破坏它。为什么？

Answer 1

您需要定义详细信息，否则您会从 javascript 中收到错误，提示您可以设置未定义的值。您可以使用此代码将详细信息定义为具有 inptITResourceID 属性的对象:

app.controller('FileConfigController-detail',
    function($scope, $http, $stateParams, FileConfigDetailsService) {
        $scope.detail = {
            inptITResourceID: "test me"
        };
    });