angularjs - ng-show 不更新视图

Question

ng-show="my.message" 在 http 成功时设置为 true，但它不会更新视图。

这是我的代码：

控制器 Js：

  lgControllers.controller('FormCtrl', function($scope, $http) {

                $scope.my = {
                    message: false
                };
                $scope.submitForm = function() {                       

                    $http({
                        url: "../saket/ajax.php",
                        data: "email_id=" + $scope.form.emailaddress + "&category_id=" + cat_num + "&action=subscribe",
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
                        }
                    }).success(function(data) {

                            $scope.my = {
                                message: true
                            };

                        console.log(data); // http is success
                        console.log($scope.my.message); // gives true

                    }).error(function(err) {
                        "ERR", console.log(err)
                    })
                };

            });

索引.html：

    <div ng-controller="FormCtrl">
        <div ng-show="my.message">It worked!</div>
    </div>

my.message 在控制台中给出 true 但 div 仍然隐藏在视图中。

我无法弄清楚问题出在哪里。

Answer 1

可能是您正在覆盖 message 属性，而 angularjs 正在失去引用吗？

$scope.my = {
    message: true
;

尝试一下：

$scope.my.message = true;