如何在angularjs中动态创建导航菜单?

时间:2015-09-16 13:38:06

标签: javascript angularjs

我想通过angularjs控制器动态提供导航菜单:

index.html

<body>
    <div ng-controller="navi">
        <ul>
            <li ng-repeat="nav in navigations">
                <a href="{{nav.path}}">{{nav.name}}</a>
            </li>
        <ul>
    </div>
    <script src="js/navi.js"></script>
</body>

navi.js

 angular.module('app').controller('navi') {
        $scope.navigations = [
            {"path": "www.google.de", "name": "Google"},
            {"path": "www.bing.de", "name": "Bing"},
        ];
    }

结果:空白页面。为什么呢?

1 个答案:

答案 0 :(得分:0)

对不起,当然必须使用函数($ scope)才能工作: angular.module(&#39; app&#39;)。控制器(&#39; navi&#39;,函数($ scope){ ... });