动态生成导航栏和AngularJS

Dynamically generated navbar and AngularJS

本文关键字：AngularJS 导航 动态      更新时间：2023-09-26

我找不到一个简单的方法来解释以下内容，所以如果不够清楚，我道歉。

我有一个导航栏，每个项目都是一个文章类别。导航项目是从数据库中读取的，并且可以从后台进行修改。

我通过AngularJS控制器获取类别：

app.controller('ApiController', ['$scope', '$http', function($scope, $http) {
    $http.get('/categories')
        .success(function(categories) {
            $scope.categories = categories;
        });
}]);
<div class="collapse navbar-collapse" id="target-navbar-main">
    <ul class="nav navbar-nav">
        <li ng-repeat="category in categories">
            <a href="/<% category.slug %>" title="<% category.name %>"><% category.name %></a>
        </li>
    </ul>
</div>

在页面的正文中，我正在使用另一个控制器来获取给定类别的文章，但我找不到让导航栏与文章控制器通信并传递单击按钮的类别的方法。

感谢的帮助

我认为API需要的是服务而不是控制器。通常情况下，Angular控制器并不意味着在彼此之间发送一堆数据。多个控制器所依赖的呼叫和通信的中央集合被投入服务。如果您要提取对某个服务的API调用，您可以将该服务注入需要在必要时处理它的控制器中。但是，如果没有看到更多有问题的代码，很难推荐一种好的方法来做到这一点。

相关文章：