Question

这个问题很可能是由于我的天真，因为我刚刚开始自学JS和AngularJS。我在this plunker中汇总了一个简单的例子。基本上，我的应用程序正确处理ng-repeat，但是一旦我添加了config方法，它就不会用变量的值替换{{menuItem.itemName}}。现在，我的配置方法当前是空的，所以这可能是问题所在。但是，我假设我可以只使用无操作方法并添加路径，测试每个路径。

这是我的HTML：

<html ng-app="site">
    <head>
        <script src = https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.5/angular.min.js></script>
        <script src ="script.js"></script>
        <link href="http://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css">

        <title>Site</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
   </head>
    <body ng-controller='mainCtrl'>
      <div id="main-container">
        <div id="header">Site
        </div>
        <div id="side-bar">
          <ul id="side-bar-menu">
            <li ng-repeat="menuItem in menuItems"><span class="underline"><a ng-href={{menuItem.itemLink}}>{{menuItem.itemName}}</a></span></li>
          </ul>
        </div>
      </div>
    </body>
</html>

JS：

'use strict';

angular.module('site',[]).
       controller('mainCtrl', ['$scope', function($scope) {
       $scope.menuItems = [{
                itemName: "Home",
                itemLink: "#Home"
        }];
}]);

//enabling the config breaks the output (and of course ; 
//above needs to be replaced with . when config enabled)
/*config(['$routeProvider', function($routeProvider) {}]);*/

添加Config / RouteProvider会中断ng-repeat

0 个答案: