如何使用angularJS将脚本动态添加到index.html？

Question

我有两个html文件(a.html和index.html)和一个.html格式的javascript文件(file.js)-我有一个不同语言(如英语、德语、印地语)的下拉菜单。从下拉列表中选择语言的1。

 <select ng-model="lang" class="form-control input-custom input-sm" ng-change="language(lang)" required>
        <option value="" selected>--Choose language--</option>
        <option value="en-us">english</option>
        <option value="id-id">indonesia</option>
 </select>

index.html -基于从a.html文件选择的语言，我更新了file.js文件。

$scope.language=function(lang){
  var search_quarry = "bower_components/angular-i18n/angular-locale_" + lang + ".js";
  var scr = document.createElement("script");
  scr.src = search_quarry;
  document.getElementsByTagName("body")[0].appendChild(scr);
  console.log(document);
}

在file.js中，如果我执行console.log(文档)，...it会显示脚本标记附加在index.html的主体中。但当我选择语言时，结果不会反映出来。

用于追加到index.html的脚本标签

<script src="bower_components/angular-i18n/angular-locale_id-id.js"></script>

file如果我在index.html中手动添加脚本标记，结果会显示出来，但当我动态更新it..the脚本标记时，会将其附加到index.html文件中，但结果不会反映出来。如何重新加载index.html，以便在运行应用程序时动态添加的内容也能反映出来？

Answer 1

尝试使用setAttribute()而不是直接赋值，请更改：

scr.src = search_quarry;

至

scr.setAttribute('src', search_quarry);