角度Ng重复有序列表

时间:2015-05-27 04:04:37

标签: javascript angularjs angularjs-ng-repeat

我在使用Angular时遇到了麻烦,这是我第一次在参加CodeAcademy课程后使用它。我的代码如下:

HTML:

<body style="padding-top: 0px;" data-spy="scroll" ng-app="SummerMill">
<section id="intro" class="main style1 dark">
<!-- Header -->            
<header ng-controller="MainController" id="header">

        <!-- Logo -->
        <h1 id="logo">Summer Mill</h1>
        <a ng-mouseover="locations()"
                style="color:black;text-decoration:initial;"
                id="logoii"
                href="http://localhost/locations">Locations</a>

        <!-- Nav -->
        <nav id="nav">
            <ul class="nav navbar-nav">
                <li ng-repeat="headerLink in headerLinks">{{headerLink.text}}</li>
            </ul>
        </nav>

</header>

App.js

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

MainController.js

app.controller('MainController', ['$scope', function($scope) {
    $scope.headerLinks = [ 
        { 
            text: 'Intro', 
            alternativeText: 'Arlington'
        },
        { 
            text: 'Wholesale', 
            alternativeText: 'New York'
        }
    ];
}]);

标题只是给了我{{headerLink.text}}

为什么呢? :'(

编辑:事实证明,在导致问题的角度之前注入的早期脚本中出现错误。只需重新排列<script src=""></script>标签的顺序就可以解决它。

所以不要这样:

<script src="javascript/init.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.js"></script>

我这样做了:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.js"></script>
<script src="javascript/init.js"></script>

1 个答案:

答案 0 :(得分:1)

事实证明问题是我在标题中加载的早期脚本中有错误,最初在此错误脚本之后注入了角。

一旦我把角度放在第一位,一切都很好。

:)