Функция Angular-перевода не работает должным образом

Я включаю перевод на свой сайт с помощью angular-translate

Итак, у меня есть этот кусок кода:

<td class="nav-button">
        <a  href="{{button.location}}" class ="'{{button.clazz}}'" ng-click="showDetails = !showDetails" >
                {{button.text}}
                <div ng-show="button.subButtons.length && showDetails" ng-repeat="subButton in button.subButtons">
                    <a href="{{subButton.location}}" class="'{{button.clazz}}'" translate>
                        {{subButton.text}}
                    </a>
                </div>
        </a>
</td>

Подкнопки отображаются нормально, и перевод работает правильно. Но только перевод subButtons.

Проблема в том, что я также хочу перевести {{button.text}}

Но когда я добавляю перевод к первому <a>, ни одна функция не работает. Я пробовал несколько способов исправить это, но мне не удалось. Может кто-нибудь, у кого была такая же проблема, может помочь? Спасибо.


javascript angularjs angular-translate
person Guilherme Rodriguez    schedule 19.05.2015    source источник

Ответы (2)


arrow_upward
0
arrow_downward

угловой перевод - это фильтр

{{button.text|translate}}
person user3227295    schedule 19.05.2015
comment
angular-translate также является сервисом и директивой ... как это вообще пытается ответить на его вопрос? - person Dan Moldovan; 19.05.2015
comment
Вау, это действительно сработало. Но почему я не могу прикрепить перевод ко всему объему ‹a›? Я делал это в других прицелах, и это работало просто отлично - person Guilherme Rodriguez; 19.05.2015
comment
Когда вам не нужно использовать директиву, используйте фильтр для углового перевода. Всегда. - person Pierre Gayvallet; 19.05.2015

arrow_upward
0
arrow_downward

Мне любопытно, что содержит subButton.text. Он должен содержать ключ значения перевода, который вы ищете. Например, мой файл переводов выглядит так:

{
    "SUB_BUTTON": "Hello there, this is the sub button"
}

Я могу создать кнопку несколькими способами.

через фильтр

<button>{{"SUB_BUTTON" | translate}}</button>

через директиву 1

<button translate="SUB_BUTTON"></button>

через директиву 2

<button translate>"SUB_BUTTON"</button>

Для получения дополнительной информации, пожалуйста, читайте далее в документы angular-translate.

person Dan Moldovan    schedule 19.05.2015
comment
Да, файл перевода такой же, как вы написали, и он работает в других областях. Проблема именно с этим диапазоном. Директивы 1 и 2 не сработали, но фильтр сработал - person Guilherme Rodriguez; 19.05.2015