Best practice: dovrei usare ng-switch per questo?

Question

Ho questo oggetto in Angolare.

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

E nel mio HTML ho bisogno di ciclo attraverso di essa per creare dinamicamente una serie di colonne nella mia app (credo qualcosa come Trello)

Ogni type è un riferimento ad una direttiva personalizzato.

Sto cercando di capire il modo migliore per inserire le mie direttive.

Sulla base di questi dati, il codice riportato di seguito è un modo appropriato per gestire dinamicamente la creazione di questi?

<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> 

mi piacerebbe essere in grado di fare qualcosa di simile ... <{{obj.type}}-feed /> ma non sono sicuro se questo è valido, o se c'è un modo migliore per creare questo.

I pensieri sono molto apprezzati!

Answer 1

Quello che hai finora sembra perfetto.

A seconda della differenza tra le colonne, è possibile utilizzare solo una direttiva che carica dinamicamente un modello anziché più direttive. Ad esempio, dare un'occhiata a ng-include:

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