douyou2234 2014-03-04 08:29
浏览 83
已采纳

Angular.js>如何管理配置

I got stuck with passing a configuration to our angular application. My problem is

  1. We have configuration is stored in database, so far it's URL of web service to communicate with
  2. Page is rendered by PHP

How can I pass URL stored in database to ng-app?

So far I have hard-coded services.js

app.constant('config', {ws_url: 'ws://domain/ws'});

app.factory('wampy', function ($rootScope, config) {

  var url =  config.ws_url;
  var ws = new Wampy(url, { autoReconnect: true });

  return {
    something: function () {
        console.log(url);   // usage of url
    }
  }

}

Then it is included into main html code (index.php)

<head>
  <script type="text/javascript" src="http://dev.local/js/ng/app.js"></script>
  <script type="text/javascript" src="http://dev.local/js/ng/services.js"></script>
</head>

But it can be amended / moved to somewhere else.

Any thoughts?

  • 写回答

1条回答

  • dousuowu4610 2014-03-04 08:47
    关注

    You could have a snippet of javascript rendered by php into a script tag like so

    $config = array('ws_url' => 'ws://domain/ws');
    $jsonConfig = json_encode($config);
    
    $snippet = <<<EOS
        <script type="text/javascript">
            angular.module('appName').constant('config', $jsonConfig);
        </script>
    EOS;
    

    and then output this $snippet somewhere in your page.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 luckysheet
  • ¥15 ZABBIX6.0L连接数据库报错,如何解决?(操作系统-centos)
  • ¥15 找一位技术过硬的游戏pj程序员
  • ¥15 matlab生成电测深三层曲线模型代码
  • ¥50 随机森林与房贷信用风险模型
  • ¥50 buildozer打包kivy app失败
  • ¥30 在vs2022里运行python代码
  • ¥15 不同尺寸货物如何寻找合适的包装箱型谱
  • ¥15 求解 yolo算法问题
  • ¥15 虚拟机打包apk出现错误