动态生成的navbar和AngularJS

时间:2015-03-20 18:54:55

标签: javascript angularjs twitter-bootstrap

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

我有一个导航栏,其中每个项目都是一个文章类别。导航项目从数据库中读取,可以从后台修改。

我通过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>

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

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

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