Angular Ng-Repeat Ordered List

我在使用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>

原来的问题是，我有一个错误，在头中加载的早期脚本，与角最初被注入这个错误的脚本后。

一旦我把angular放在第一位，一切就都好了。

相关内容

最新更新

热门标签：