如何在ng-repeat-start上使用ng-switch

时间:2015-05-21 20:59:25

标签: javascript angularjs

我有这个代码:http://codepen.io/anon/pen/BNLJWV,它允许我重复没有父节点的元素,并选择我想要的那个。我的问题是可以用ng-if替换ng-switch并获得相同的结果吗?我尝试了但它打破了ng-repeat-end

以下是嵌入的代码:

HTML:

<html ng-app="app">
  <head>
    <title>Test</title>
  </head>
  <body ng-controller="myCtrl">
    <p ng-repeat-start="item in items" ng-if="item.type == 'text'">
      I'm a paragraph
    </p>
    <div ng-if="item.type == 'video'">
      I'm a video
    </div>
    <div ng-repeat-end ng-if="item.type == 'iframe'">
      I'm an iframe
    </div>
  </body>
</html>

JS:

var app = angular.module('app', []);

app.controller('myCtrl', function ($scope) {
  $scope.items = [
    {
      type: "text"
    },
    {
      type: "video"
    },
    {
      type: "iframe"
    }
  ]
})

修改

所以在玩了更多之后,我认为这是我得到的错误:https://docs.angularjs.org/error/$compile/ctreq?p0=ngSwitch&p1=ngSwitchWhen

所以我想问题会更多,“是否有可能让没有父母的ng-switch像ng-repeat-start一样?”

0 个答案:

没有答案