Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng REPECT li在每次重复后都有额外的行_Javascript_Html_Angularjs_Angularjs Directive_Angularjs Ng Repeat - Fatal编程技术网

Javascript ng REPECT li在每次重复后都有额外的行

Javascript ng REPECT li在每次重复后都有额外的行,javascript,html,angularjs,angularjs-directive,angularjs-ng-repeat,Javascript,Html,Angularjs,Angularjs Directive,Angularjs Ng Repeat,当我将angularng repeat指令与元素一起使用时,我会在每个之后获得一行额外的代码。下面是一个简单的例子和图片 使用angularng repeat指令的简单示例: <ul class="list-group" ng-repeat = "num in [0,1,2,3,4]"> <li class="list-group-item list-group-item-success">{{num}}</li> </ul> 导致 正如

当我将angular
ng repeat
指令与
  • 元素一起使用时,我会在每个
  • 之后获得一行额外的代码。下面是一个简单的例子和图片

    使用angular
    ng repeat
    指令的简单示例:

    <ul class="list-group" ng-repeat = "num in [0,1,2,3,4]">
        <li class="list-group-item list-group-item-success">{{num}}</li>
    </ul>
    
    导致


    正如您所知,当我使用
    ng repeat
    指令时,在每个repeated元素下面会有一个额外的行。是否有我遗漏的微妙之处,或者是否有人知道如何删除多余的行?

    您正在当前标记中重复您的
    元素。视觉上的差异是因为你基本上是在渲染这样的东西

    <ul>
        <li>0</li>
    </ul>
    <ul>
        <li>1</li>
    </ul>
    <ul>
        <li>2</li>
    </ul>
    ...
    

    你能为你的代码提供一个插件吗
    <ul>
        <li>0</li>
    </ul>
    <ul>
        <li>1</li>
    </ul>
    <ul>
        <li>2</li>
    </ul>
    ...
    
    <ul class="list-group" >
        <li ng-repeat="num in [0,1,2,3,4]" class="list-group-item list-group-item-success">{{num}}</li>
    </ul>