angularjs - 访问角度常数 i 脚本标记

Question

我有这个 json 文件，url.json：

{
  "security": 
    {
      "url": "https://url.to.securitypage/here"
    }     
}

我需要在我的 HTML 页面的脚本标签中访问 url：

<script type="text/javascript">
        //Sends user to security page
        document.write('<link type="text/css" href="https://url.to.securitypage/here" rel="stylesheet"/>');
</script>

在模块中，我将 URL 保存在一个常量中：

var myApp = angular.module('myApp', []);

getUrl().then(bootstrapApplication());

function getUrl() {
    var initInjector = angular.injector(['ng']);
    var $http = initInjector.get('$http');
    return $http.get('./url.json')
        .then(function(response) {
            myApp.constant('URL', response.data);
        }, function(error) {
            console.error(error);
    })
}

function bootstrapApplication() {
    angular.element(document).ready(function() {
        angular.bootstrap(document, ['myApp']);
    });
}

我想要的是这样的：

<script type="text/javascript">
    //Sends user to security page
    document.write('<link type="text/css" href="URL.security.url" rel="stylesheet"/>');
</script>

我怎样才能以简单的方式做到这一点？谢谢你的帮助，这对我来说是新的

Answer 1

添加document.write到成功处理程序：

function getUrl() {
    var initInjector = angular.injector(['ng']);
    var $http = initInjector.get('$http');
    return $http.get('./url.json')
        .then(function(response) {
            myApp.constant('URL', response.data);
            var url = response.data;
            var link = `<link type="text/css" href=${url} rel="stylesheet"/>`
            document.write(link);
        }, function(error) {
            console.error(error);
    })
}