我们怎样才能在切换应用离子主题更轻的版本，以较深的版本？ [英] How can we switch the theme in Ionic App from Lighter version to darker version ?
本文介绍了我们怎样才能在切换应用离子主题更轻的版本，以较深的版本？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有一个更轻的版本和其他的版本较深产生了两个CSS文件。所以，请让我知道我可以维持两个主题为同一应用程序？
I have two CSS file generated, One for lighter Version and other for darker Version. So please let me know how can i maintain two theme for same App?
不知道如何才能实现它使用离子主题切换应用程序？
Any idea how can we implement it on ionic app using theme toggled?
推荐答案
您可以CSS文件之间轻松切换。
You can easily toggle between CSS files.
的index.html
-
设置
NG-应用在HTML标签：
<html ng-app="starter">
动态设置你的风格：
dynamically set your style:
<link ng-href="{{style}}" rel="stylesheet">
app.js ：中定义的默认样式运行：
app.js: define your default style in run:
$rootScope.style = "css/style.css";
controllers.js ：添加您的风格切换逻辑：
controllers.js: add your toggle style logic:
//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;
};
view.html ：附上相关的 HTML ：
<label class="item item-input item-select">
<div class="input-label">
Style
</div>
<select ng-options="style as style.name for style in styles" ng-change="changeStyle(style)" ng-model="style">
</select>
</label>
这篇关于我们怎样才能在切换应用离子主题更轻的版本，以较深的版本？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
