Question

我生成了两个CSS文件，一个用于较轻版本，另一个用于较暗版本。所以，请让我知道如何为同一个应用程序维护两个主题？

任何想法我们如何使用主题切换在离子应用程序上实现它？

Answer 1

您可以轻松地在CSS文件之间切换。

<强>的index.html ：

在sub标记上设置myObject：
```
ng-app
```
动态设置你的风格：
```
HTML
```

app.js ：在<html ng-app="starter">中定义您的默认样式：

<link ng-href="{{style}}" rel="stylesheet">

controllers.js ：添加切换样式逻辑：

run

view.html ：附上相关的$rootScope.style = "css/style.css";：

//All available styles
$scope.styles = [
  {
    name: "Default",
    url: "style.css"
  },
  {
    name: "Dark",
    url: "dark-style.css"
  }
];

/**
 * Change the style.
 * @param style The selected style.
 */
$scope.changeStyle = function(style){
  $rootScope.style = "css/" + style.url;
};

我们怎样才能将Ionic App中的主题从Lighter版本切换到更暗版本？

1 个答案: