簡體   English   中英

如何在angularjs中動態創建導航菜單?

[英]How to create a navigation menu dynamically in 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"},
        ];
    }

結果:空白頁。 為什么?

抱歉,當然必須使用function($scope)才能起作用:

angular.module('app').controller('navi', function($scope) {
...
});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM