我应该如何实现角度选择指令？

Question

我正在尝试使用 angular 指令实现我自己的选择元素，并面临两难境地，在哪里构建传递给选择指令的对象，该指令将为选择构建标记。

正如角度文档中描述的控制器，它说控制器应该与其中的 UI 代码无关，所以它让我在 html 模板中编写对象：

<div ng-controller="ctrl">
    <my-select items="[{name:'name1', value:'value1'},...,{name:'name(n)', value:'value(n)}]></my-select>
</div>

但是看看结果，感觉还是把它写在 controller.js 文件中要好得多：

function ctrl($scope){
    $scope.selectItems=[{name:'name1', value:'value1'},...,{name:'name(n)', value:'value(n)}];
}

并在标记中编写如下内容：

<my-select items="selectItems"...></my-select>

什么是“Angular Way”而不是这样做？

谢谢，

伊兰

Answer 1

也许在视图（模板）内？

大多数选择选项是模型的一部分，而不是视图的一部分，因此它们应该通过控制器传递。 唯一的例外是非动态的 UI 特定数据，出于实际原因可以硬编码到模板中。

但即便如此，模板也不应该被巨大的数据对象弄得乱七八糟，这是不值得的。

可能在指令中？

指令应该被实现为可重用和可测试的组件，因此将特定于应用程序的数据放入其中是一个大错误。

快速原型设计？

对于快速原型制作和非常小的对象，您可能可以采用多种方式。

结论

如果您有 1000 个选项，您还会考虑在视图或指令中硬编码它们吗？

使用控制器。无论如何，您的大部分真实应用程序数据可能都应该保存在真实服务器上。