Question

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

这是我的代码：

Controller 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)
                    })
                };

            });

的index.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;

ng-show不更新视图

1 个答案: