En İyi Yöntemler: Bunun için ng anahtarını kullanmalı mıyım?

Question

Bu nesneyi Angular içinde aldım.

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

Ve HTML ben her type özel direktifi için bir referans

(Trello gibi bir şey düşünmek) dinamik olarak benim app sütun serisini oluşturmak için içinden döngü gerekir.

Yönergelerimi yerleştirmenin en iyi yolunu bulmaya çalışıyorum.

Bu verilere dayanarak, aşağıdaki kodları dinamik olarak oluşturmak için uygun bir yol aşağıda mı? Ben isterdim

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

... gibi <{{obj.type}}-feed /> şey yapmak mümkün ama bu geçerli olup olmadığından emin değilim, ya da varsa daha iyi bir yolu bu oluşturun.

Düşünceler çok minnettar!

Answer 1

Şu ana kadar neler var?

Sütunlarınızın ne kadar farklı olduğuna bağlı olarak, birden çok yönerge yerine bir şablonu dinamik olarak yükleyen yalnızca bir yönergeyi kullanmayı tercih edebilirsiniz. Örneğin, bkz. ng-include:

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