小编Tej*_*ini的帖子

bootstrap carousel TypeError:f [0]未定义

我们正在使用Bootstrap Carousel并且想要加载动态幻灯片(数组中每个项目的幻灯片).AngularJS用于生成数组和循环.

但是在运行时,我们遇到了一个javascript错误TypeError: f[0] is undefined .该数组由$ http.get填充

尝试了https://docs.angularjs.org/和http://w3schools.com的其他可能性

如果在脚本中定义数组而不使用$ http.get,则Carousel正在工作
$ http.get生成的数组在"tr ng-repeat"中正确显示

这是代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Fresh</title>
<link rel="stylesheet"
    href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script
    src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script
    src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

</head>
<body>
    <div ng-app="myApp" ng-controller="myCtrl">

        <div ng-show="names.length">

            <div id="myCarousel" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="{{ $index }}"
                        ng-repeat="x in names"></li>
                </ol>

                <div class="carousel-inner" role="listbox">
                    <div class="item" ng-repeat="x in names">{{x.Name}}
                        {{x.Country}}</div>
                </div>

                <a class="left carousel-control" href="#myCarousel" role="button"
                    data-slide="prev"> <span
                    class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span …

Run Code Online (Sandbox Code Playgroud)

javascript arrays carousel twitter-bootstrap angularjs

Tej*_*ini

lucky-day

4
推荐指数

1
解决办法

5805
查看次数