javascript - 带有静态节点的 Angularjs ngSwitch？

Question

如何在 ngSwitch 中拥有一些公共(public)节点？

<div ng-controller="MyCtrl">
    <div ng-repeat="widget in widgets" ng-switch="" on="widget.foo">
     <h1>Test</h1>
     <p ng-switch-when="bar">Lorem ipsum</p>
     <small ng-switch-when="baz">Lorem ipsum</small>
     <footer>common footer</footer>
    </div>
</div>

jsfiddle

switch 元素呈现为模板的最后一个子元素。如果有更好的方法，您有什么想法吗？

Answer 1

试试这个:

<div ng-controller="MyCtrl">
  <div ng-repeat="widget in widgets">
      <h1>Test</h1>
      <div ng-switch on="widget.foo">
          <p ng-switch-when="bar">Lorem ipsum</p>
          <small ng-switch-when="baz">Lorem ipsum</small>
      </div>
      <footer>common footer</footer>
  </div>
</div>

jsFiddle here .