美文网首页
2018-03-05 ng-repeat

2018-03-05 ng-repeat

作者: 小米或者黄大仙_fcb5 | 来源:发表于2018-07-27 08:45 被阅读0次

    ng-repeat循环一旦遇到相同的值时就失去的循环的能力
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
    </head>
    <body ng-app="myApp" ng-controller="myCtrl">

    <h1 ng-repeat="x in records">{{x}}</h1>

    <script>
    var app = angular.module("myApp", []);
    app.controller("myCtrl", function(scope) {scope.records = [
    "菜鸟教程",/////////////////////////////是相同的元素
    "菜鸟教程",
    "菜鸟教程",/////////////////////////////循环失败,没有输出值
    "菜鸟教程",
    ]
    });
    </script>
    </body>
    </html>

    循环一个数组时,当数组中存在两个相同元素,将循环失败失去作用

    相关文章

      网友评论

          本文标题:2018-03-05 ng-repeat

          本文链接:https://www.haomeiwen.com/subject/hvicfftx.html