css - .NET 中的 DataTemplateSelector 等效于什么？

Question

走出我的 .net 踩踏地，似乎无法弄清楚是否有与您在 .net 中使用 DataTemplateSelector 的等效项，但用于 ionic 驱动的 html5 和 angularjs 元素。有人可以指出我正确的方向吗？

例如，我知道我可以进入并放入一个等同于 ItemsControl 的东西，带有一个快速的 Angular Hook 到 ng-repeat 之类的；

<ion-list>
   <ion-item ng-repeat="blah in something | orderBy:'whatever'" href="#/my/crap/{{blah.blah}}">
   <!-- stuff -->
   </ion-item>
</ion-list>

我当然可以为每个生成的 child 提供一个模板，但我需要在需要时将其翻出一些不同外观的部分。

我搞砸了 ng-switch 但无法得到我想要的东西，如果我只是找不到现有的功能，我不想重新发明轮子.

基本意图。在重复列表中提供多个元素模板，以根据某些条件显示不同的元素。有什么见解吗？谢谢

Answer 1

有许多方法可以实现与 DataTemplateSelector 等效的方法 - 这取决于您的需要和对“优雅”的看法。可能最接近的是 ng-include，但对于简单的情况，您也可以使用 ng-if 和 ng-switch。

1) ng-include

<div ng-repeat="item in items">
  <div ng-include="itemDataTemplateSelector(item)"></div>
</div>

$scope.itemDataTemplateSelector = function(item){
  if (item.type === "foo" && item.something.else) return "/path/to/foo/template.html";
  ...
}

2) 使用ng-if

<div ng-repeat="item in items">
  <div ng-if="item.type === 'foo'">
    ... foo template
  </div>
  <div ng-if="item.type === 'bar'">
    ... bar template
  </div>
</div>

3) 使用ng-switch

<div ng-repeat="item in items" ng-switch on="item.type">
  <div ng-switch-when="foo">
    ... foo template
  </div>
  <div ng-switch-when="bar">
    ... bar template
  </div>
</div>

这是一个 plunker