如何使用 AngularJS 请求动态创建的 JS 文件

Question

我们有很多这样的小数据集，它们填充了我们视图中的 select 下拉菜单。例如，性别、国家、衬衫尺码、国家联系代码等。

这些数据集通常不会改变，所以我在想什么是将这些数据检索到我们视图中的最佳选择。

1. 为他们创建端点。所以我会有类似下面的内容

   http://dom.com/countries

   http://dom.com/genders

   http://dom.com/shirt_sizes

   问题是我会发出几个 "expensive" http 请求来检索这些信息。

2. 创建一个模块并在服务中硬编码这些值

   angular.module('OptionsModule') .factory('options', 函数() { return { 性别：['M','F'], // 其他 } }

   问题是我仍然需要从数据库加载一些选项。例如， 国家名单。所以我需要一种从服务器动态创建这个模块的方法

我比较喜欢选项 #2。但是如何从 php 动态生成 js 文件以及如何使用 angularjs 请求它？

Answer 1

你的两点结合得很好。对 long/DB-placed 数据的小型列表和后端请求使用硬编码值。

你不需要发送 js 文件，你只需要发送 JSON object. In PHP you get it by json_encode 然后在 JS 中你得到你的 JS 对象（你什么都不需要）。