我在使用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>
答案 0 :(得分:1)
事实证明问题是我在标题中加载的早期脚本中有错误,最初在此错误脚本之后注入了角。
一旦我把角度放在第一位,一切都很好。
:)