加载后引用JS和CSS文件

Question

Iam构建一个具有多语言特性的移动应用程序。使用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" /> 

荫加载head标签里面的脚本和CSS。

我在我的索引文件，例如下面

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

两个按钮。 如果我点击第一个按钮为阿拉伯语脚本应该refered 如果我点击第二个按钮为英文剧本应该refered

如何实现this.Please help.Iam新angularjs.Any类型的建议很受欢迎。谢谢

Answer 1

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