以编程方式在Ionic Framework中切换主题

Question

我在Ionic论坛上发布了这个帖子,但我的论坛上似乎没有运气,所以我想我会在这里试试.

我希望有一个"黑暗"和"浅色"主题的选项,用户可以在他们的设置中选择.最好的方法是什么？我能以编程方式切换离子主题,如黑暗和稳定吗？

提前致谢.

Answer 1

您可以使用ng-style将 css 选项对象传递给元素。这将切换元素上的字体颜色。按照这种模式，您将拥有可以在深色和浅色主题之间切换的对象。

<div ng-style="style" class="item">
  This is a basic Card.
  <button ng-click="toggle()">Toggle</button>
</div>

在你的控制器中

.controller('AppCtrl', function($scope) {
    $scope.style = {
      color: '#000'
    };

    $scope.toggle = function() {
      $scope.style.color = ($scope.style.color === '#000' ? '#fff' : '#000');
    };
});

演示