Question

我的页面上有ng-hide和ng-show元素的以下两个按钮。

<a ng-click="showimage=true" ng-class="{ 'activated': showimage}" class="button">Images</a>
<a ng-click="showimage=false" ng-class="{ 'activated': !showimage}" class="button">Details</a>

为了使第一个按钮处于活动状态，我使用：

$scope.showimage = true;

哪一切都运作良好。

我的问题是，当我使用这些按钮时，activated类不会应用于活动按钮。我希望这些工作像切换一样，如果另一个按钮不是，那么一个人总是处于活动状态。

Codepen

Answer 1

您的代码似乎按原样运行。我创建了一个极简主义的plnkr来测试。也许你因为另一种副作用而没有看到什么东西？

http://embed.plnkr.co/jnqekT3fTi77c0jg5EUx/preview

HTML

private boolean isPerfectSquare(int n){
    for(int i = 0; i <= n; i++){
        if(i*i == n) {
            return true;
        }
        else 
            return false;
    }
    return [true or false]
}

JS：

<head>
<!--....-->
  <style>
    .activated {
      border: 1px solid blue;
    }
  </style>
</head>
<body>
  <div ng-controller="Ctrl">
    <a ng-click="showimage = true" ng-class="{ 'activated': showimage}" class="button">Images</a>
    <a ng-click="showimage = false" ng-class="{ 'activated': !showimage}" class="button">Details</a>
  </div>
</body>

使用true / false

1 个答案: