在视图中访问AngularJS常量

Question

我要试着描述这个场景，请跟我说。

我有一个名为Urls的Angular常量，它填充了路由和一些访问它们的方法。

app = angular.module "app"

app.constant "Urls",
    routes: 
        # Main stuff
        overview: "/"
        users: "/users"
        user: "/users/:id"

    overview: ->
        return @.routes.overview
    users: ->
        return @.routes.users
    user: (id)->
        return @.routes.user
                    .replace(":id", id)

为此使用常量的原因是我需要在应用程序的配置阶段访问它以及在控制器中使用它。

我想要实现的是，我想在视图中使用它，例如;

<ul class="foo">
    <li ng-repeat="user in users">
        <a href="{{Urls.user(user.id)}}">
            {{user.name}}
        </a>
    </li>
</ul>

有没有办法实现这样的事情？ 最好不将Urls常量赋给$ rootScope或将其分配给每个控制器$ scope？

Answer 1

不可能。 您需要在控制器$scope （或使用$parent ）中注入Urls ，因为{{ var }}被内插到$scope.var

如果你注入没有任何性能问题Urls在控制器和写$scope.Urls = Urls

例：

angular.module('myapp').controller('myController', ($scope, Urls) {
  $scope.Urls = Urls;
}