最佳实践:我应该使用ng-switch吗?

Question

我已经在Angular中获得了这个对象。

$scope.columns = {
    workspace: {
        title: "Workspace",
        type: "workspace",
        activities: []
    },
    alerts: {
        title: "Alerts",
        type: "alert",
        activities: []
    },
    main: {
        title: "Main Feed",
        type: "main",
        activities: []
    }
};

在我的HTML中，我需要循环它来动态地在我的应用程序中创建一系列列(想想像Trello)

每个type都是一个自定义指令的引用。

我正在努力找出放置我的指令的最佳方式。

基于这些数据，下面的代码是处理动态创建这些的合适方法吗?

<div ng-repeat="(key, obj) in columns">
    <div ng-switch on="obj.type">
        <workspace-feed ng-switch-when="workspace" />
        <alert-feed ng-switch-when="alert" />
        <main-feed ng-switch-when="main" />
        <filter-feed ng-switch-when="filter" />
    </div>
</div>

我希望能够做一些像……<{{obj.type}}-feed />，但我不确定这是否有效，或者是否有更好的方法来创建这个

非常感谢!

Answer 1

到目前为止，你的工作看起来还不错。

根据你的列的不同，你可以选择只使用一个指令来动态加载一个模板，而不是多个指令。例如，看看ng-include:

<div ng-include="'columns/' + column.type + '.html'"></div>