加载后引用JS和CSS文件

Question

我建立了一个具有多语言功能的移动应用程序。我使用angularjs和jQueryMobile框架。我已成功设法将语言从英语改为阿拉伯语。由于阿拉伯语是从右到左语言我需要脚本文件和css文件比如

<link rel="stylesheet" type="text/css" href="css/rtl.jquery.mobile-1.4.0.css" />
 <script type="text/javascript" src="rtl.jquery.mobile-1.4.0.js"/>

对于英语，我的js和脚本文件是

<script type="text/javascript" src="jquery.mobile-1.4.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.2.min.css" />

我将脚本和css加载到head标签内。

我有两个按钮，如下面

<button ng-click="changeLanguage('ar')"  translate="BUTTON_TEXT_DE"></button>
<button ng-click="changeLanguage('en')" translate="BUTTON_TEXT_EN"></button>

在我的索引文件中。 如果我点击第一个按钮，应该提到阿拉伯语的脚本 如果我点击第二个按钮，则应提供英语脚本

我如何实现这一点。请帮助。我对angularjs很新。欢迎任何类型的建议。谢谢你

Answer 1

我认为你需要动态加载JS和CSS。所以尝试这样的事情 Dynamically loading JS and CSS