javascript - Angular JS - http后不更新消息

Question

对 Angular 来说还是新手。我尝试过 $scope.$apply();，但这不适用于 $http，所以我尝试了 $watch，但是没有修复它。

这是我的消息 HTML:

<div class="alert alert-success" role="alert"  ng-bind="ValidationContainer.SuccessMessages"></div>

这是我的 Angular JS 代码:

$scope.ValidationContainer;

    $scope.sendForm = function () {

        $http({
            method: 'POST',
            url: formActionUrl,
            data: $scope.ViewModel
        }).success(function (data, status, headers, config) {
            $scope.ValidationContainer = data.ValidationContainer;

        }).error(function (data, status, headers, config) {

        });

        $scope.$watch('ValidationContainer', function () {
            console.log('changed');
        });
    };

我可以在控制台中看到服务器返回成功消息:

但消息始终为空:

编辑

带有数据的控制台:

使用 Console.log

$scope.sendForm = function () {

            $http({
                method: 'POST',
                url: formActionUrl,
                data: $scope.ViewModel
            }).success(function (data, status, headers, config) {
                console.log(data);

                $scope.ValidationContainer = data.ValidationContainer;

                console.log($scope.ValidationContainer);

            }).error(function (data, status, headers, config) {

            });

            $scope.$watch('ValidationContainer', function () {
                console.log('changed');
            });
        };

编辑2

好吧，我让它像这样工作(没有使用 {{ }} 的 $watch ):

            <div class="alert alert-success" role="alert">
                <ul ng-repeat="msg in ValidationContainer.SuccessMessages">
                    <li>{{msg.Message}}</li>
                </ul>
            </div>

和 Angular :

$scope.sendForm = function () {

    $http({
        method: 'POST',
        url: formActionUrl,
        data: $scope.ViewModel
    }).success(function (data, status, headers, config) {
        console.log(data);

        $scope.ValidationContainer = data.ValidationContainer;

        console.log($scope.ValidationContainer);

    }).error(function (data, status, headers, config) {

    });
};

问题 2:是否有更好的方法来显示此内容而无需 ng-repeat

Answer 1

你想显示一个对象，但这是不可能的。

你必须这样做:

  <div class="alert alert-success" role="alert" ng-repeat="message in ValidationContainer.SuccessMessages" ng-bind="message.Message"></div>

它将显示字符串