Question

我在Ionic v1应用程序中设置了这个结构。这是为了内容和加载更多的效果。

$scope.toggleItem= function(item) {
            if ($scope.isItemShown(item)) {
                $scope.shownItem = null;
            } else {
                $scope.shownItem = item;

            }
        };
        $scope.isItemShown = function(item) {
            return $scope.shownItem === item;
        };

DEMO

但现在我需要另一种解决方案。我在页面中有静态内容，所以我应该更改此切换方法。

AFTER RESULT

我试过了，但它不起作用。什么是解决方案？感谢。

Answer 1

在您的控制器中，要引用的成员是 $ scope.toggleGroup 和 $ scope.isGroupShown ，但您要调用$ scope.toggleItem和$ scope。 isItemShown。您可以更改控制器或视图以使其彼此匹配

另外，你没有使用Ionic标签使它工作，你有正常Divs内的静态内容!! 最后，将参数放在你正在调用的函数上，控制器成员函数期待＆＃34; group＆＃34;参数：

    <ion-item class="item-stable"
                ng-click="toggleItem(100)"
                ng-class="{active: isItemShown(100)}">
        <i class="icon" ng-class="isItemShown(100) ? 'ion-minus' : 'ion-plus'"></i>
        İş Sağlığı ve Güvenliği İçin Ne Gibi Önlemler Alabilirim?
      </ion-item>
      <ion-item class="item-accordion" ng-show="isItemShown(100)">
        Tarım iş sağlığı ve güvenliği ...
      </ion-item>

注意＆＃34; 100＆＃34;调用toggleItem（100）和isItemShown（100）时的参数。它必须是每个项目的唯一值，我已通过＆＃34; 100＆＃34;就像展示这个想法的样本一样

工作样本： https://codepen.io/zameb/pen/Ljaymd?editors=1010

祝你好运

转换AngularJS中的静态页面单击

1 个答案: