带/ ng-hide的Angular Bootstrap Alert

时间:2015-02-25 14:57:49

标签: javascript angularjs twitter-bootstrap

我正在根据$ scope值(" 0"或" 1")和ng-hide显示警告消息。页面加载时正确显示警报,但更新$ scope值时,相应的视图不会。

Angular bootstrap警报有一个"关闭"我用来更新$ scope值的指令(从" 0"到" 1") - 希望ng-hide会自动隐藏它。我可以看到该值正在从" 0"到" 1"但视图没有更新。

我尝试过$ scope.apply和$ scope.digest,但都会导致错误。

Plunker

HTML

<div ng-controller="AlertDemoCtrl">

  <div style="margin-top:100px" ng-hide="{{error_accountsuspended}}">
    <alert type="danger" close="closeAlert('1')">{{error_accountsuspended_msg}}</alert>
</div>

</div>

JS

angular.module('ui.bootstrap.demo').controller('AlertDemoCtrl', function ($scope) {

 $scope.error_accountsuspended=0;

 $scope.error_accountsuspended_msg="Your Account is Suspended";

  $scope.closeAlert = function(alerttype) {

    if(alerttype==1){
       $scope.error_accountsuspended=1;

    }

  };
});

有什么想法吗?

谢谢,

1 个答案:

答案 0 :(得分:0)

你不需要括号:

    <div style="margin-top:100px" ng-hide="error_accountsuspended">

这对我来说对你来说很好用