使用ng-show启用我的div

时间:2014-11-27 14:39:58

标签: javascript html angularjs

当我点击它时我有一个按钮我调用了一个函数但是我想启用div,所以我使用ng-show但没有出现任何内容..?

HTML:

<br/><button class="btn btn-primary" ng-disabled="enableCompare()" ng-click="on_compare_plateformes($item)">Comparer</button>

<div class="row" ng-show="showme">
...
</div>

JS:

$scope.enableCompare = function () {
        return !($scope.myselectref && $scope.myselectcible);
    };

$scope.on_compare_plateformes = function () {
...
// here i set showme to true ..?
}

3 个答案:

答案 0 :(得分:1)

像这样:

$scope.on_compare_plateformes = function () {
    $scope.showme = true; // or any other logic you want
};

您可以使用该函数设置var $scope.showme而不是“返回”值

答案 1 :(得分:1)

将控制器中的showme设置为默认值

$scope.showme = false;

然后在功能:

$scope.on_compare_plateformes = function () {
  $scope.showme = !$scope.showme;
}

$scope.showme = true;如果您不想切换

答案 2 :(得分:1)

angular会始终启用侦听器,因此在您的情况下只需更改showme变量即可。

$scope.showme=true;