javascript - AngularJs 指令和 $http 调用

Question

我创建了一个 Angular 多选指令插件。该指令采用数组作为输入。我们的想法是，如果需要的话，可以在当前和 future 的项目中使用这个插件。该数组需要采用以下格式:

[
    { id: 1, name: 'Theme1', selected: false },
    { id: 2, name: 'Theme2', selected: false },
    { id: 3, name: 'Theme3', selected: false },
    { id: 4, name: 'Theme4', selected: false },
    { id: 5, name: 'Theme5', selected: false },
    { id: 6, name: 'Theme6', selected: false },
    { id: 7, name: 'Theme7', selected: false },
    { id: 8, name: 'Theme8', selected: false },
    { id: 9, name: 'Theme9', selected: false },
    { id: 10, name: 'Theme10', selected: false }
]

该指令接受上述输入并转换为此[图像网址]:

http://pho.to/7wl3E

现在我的同事认为，指令总是必须以上述格式传递，这是不可行的。然后他继续建议该指令必须发出 API $http 请求才能从服务器获取数据，使用返回的数据创建必要的格式。他还坚持在指令中处理预先格式化的数据和 $http 调用。

我反驳说， Angular Directive(指令)不是为此目的而制定的，如果在指令内使用 $http 调用，则会涉及很多事情例如 API URL、方法 [GET,POST]、post 的有效负载数据，需要传递给指令、天气来预加载下拉数据。

关于这种情况，这是我的问题

1. 在自定义指令中使用 $http 调用是一个好的做法吗？
2. 我的同事建议在指令中同时包含预格式化数据和 $http 调用。这是好的做法吗？
3. 如果第 2 点不是一个好的做法，对此场景有什么建议或想法，以便我可以说服我的同事吗？

Answer 1

我认为您的大部分问题已得到解答，但我可以提出建议。只需从 Controller 发送格式化的 JSON 即可。我通常对这样的控件所做的不是要求特定的格式，而是可以添加 displayProperty 和 keyProperty 的范围变量。在您的情况下，它将是 id 和 name，然后像 yourArray[displayProperty] 和 yourArray[keyProperty] 一样引用它