AngularJS - 如何从“this”获取角度对象

Question

我是 Angular 的新手，也许我错过了一些概念。我的想法是将 Angular 控制器逻辑与 UI 逻辑分开，这意味着控制器可以很容易地重用，而无需知道 UI 将如何处理它处理的数据。在这种情况下，例如，我想清除控制器外部的表单和输入错误。

想象一下，我有一个这样的控制器功能：

    $scope.createCategory = function () {
    $scope.Loading = true;
    $scope.clearServerError();
    $scope.categoryForm.$setPristine();
    angular.forEach($scope.categoryForm, function (input) {
        if (input && input.hasOwnProperty('$viewValue')) {
            input.$setPristine();
            input.$setUntouched();
        }
    });

    $("#categoryForm :input").prop("disabled", true);

        var response = $http({
            url: "/api/categories",
            method: "POST",
            headers: authHeaders,
            data: JSON.stringify($scope.NewCategory),
        }).then(function mySuccess(response) {
            $scope.Categories.push(response.data);
            $scope.resetNewCategory();
            $('#category-add-modal').modal('hide');
        }, function myError(response) {
            var message = response.data.error_description;

            $scope.Server.error = true;
            $scope.Server.message = message;
        }).finally(function end() {
            $scope.Loading = false;
            $("#categoryForm :input").prop("disabled", false);
        });
};

如您所见，控制器现在包含 UI 的某些方面，例如表单名为“categoryForm”，还有一个名为“#category-add-modal”的模式。我想分离这个逻辑，传递 4 个函数回调：initCallback、successCallback、failureCallback 和 finallyCallback。只有这三个函数会知道 UI 有哪些元素。在这种情况下，例如，initCallback 应该将类别表单和所有输入重置为 Pristine 并且保持不变。这如何实现？

Answer 1

您通常不需要在 Angular 控制器中使用 JQuery。例如

$("#categoryForm :input").prop("disabled", true);

可以使用ng-disabled 属性重写，这将是一种干净的方式。