Question

我想翻译我的面包屑元素：

url：moduls / 1 / question

breadcrumb：Moduls - ＆gt;模数1 - >问题

问题在于＆＃34;模块1＆＃34;部分。我的翻译是

"MODUL_TAG": "Modul {{short}}"

breadcrumbtemplate：

<ol class="navbar-nav list-unstyled">
    <li ng-repeat="step in steps" ng-class="{active: $last}" ng-switch="$last || !!step.abstract">
        <a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}" title="{{ step.ncyBreadcrumbLabel }}">{{step.ncyBreadcrumbLabel | translate:translationData }}</a>
        <span ng-switch-when="true">{{step.ncyBreadcrumbLabel | translate:translationData }}</span>
    </li>
</ol>

州：

.state('modul.show', {
    url: "/{short}",
    templateUrl: "partials/modul/show.html",
    controller: "ModulShowCtrl",
    ncyBreadcrumb: {
        label: "MODUL_TAG"
    }
})

问题在于我不知道在哪里放置翻译数据。

我尝试使用ModulShowCtrl但没有成功。

$scope.$parent.translationData = {
    short: $stateParams.modulId
};

Answer 1

你应该在状态定义中翻译你的痕迹，如下所示：

.state('modul.show', {
    url: "/{short}",
    templateUrl: "partials/modul/show.html",
    controller: "ModulShowCtrl",
    ncyBreadcrumb: {
        label: '{{ "MODUL_TAG" | translate }}'
    }
})

在stateprovider中翻译angularjs面包屑

1 个答案: