为什么$ scope变量不更新？

Question

我的作用域变量有问题。 当我打开表单时，内容会在输入字段中正确显示。 但是当我更改它们并触发ok功能时，更改不会显示。 相反，我得到form.name的内容。 为什么不通过输入字段的ng-model更新范围？

app.controller('updateFormCtrl', function( $scope, $modalInstance, APIService, form) {

    $scope.name = form.name;


$scope.ok = function() {

    alert($scope.name)

};

});

视图：

<div class="col-sm-10"><input ng-model="name" type="text" class="form-control" placeholder="Categorie"></div>

编辑：这是另一个控制器：

$scope.updateForm = function( form ) {

        var modalInstance = $modal.open({

            templateUrl: 'views/modals/updateForm.html',
            controller: 'updateFormCtrl',
            resolve: {

                form: function() { 

                    return form;

                }

            }

        });

        modalInstance.result.then(function() {

            $scope.categories =  APIService.query({ route:'category' });

        });
    };

编辑2：

 <div class="modal-footer">

        <button type="button" class="btn btn-default" ng-click="cancel()">Abbrechen</button>
        <button type="button" class="btn btn-primary" ng-click="ok()">Speichern</button>

    </div><!-- /.modal-footer -->

Answer 1

这是因为未在updateFormCtrl内定义您的$scope.ok updateFormCtrl 。 因此，基本上，您的ok()无法读取您在文本框中所做的更改。

尝试在控制器内移动$scope.ok 。

app.controller('updateFormCtrl', function( $scope, $modalInstance, APIService, form) {

$scope.name = form.name;
$scope.ok = function() {

alert($scope.name)

};

}）;

Answer 2

我认为这是解决方案：

https://egghead.io/lessons/angularjs-the-dot