有什么方法可以在 ti-segmented-controls 中使用 angular-translate 吗？

Question

我要本地化离子项目。我们在那里使用 ti-segmented-controls。但是ti-segmented-controls和angular-translate好像不能同时使用。

为了翻译我需要使用任一指令的内容

<div translate="KEY"></div>

或带过滤器的表达式

<div>{{'KEY' | translate}}</div>

但两者都不适用于 ti-segmented-controls..

<ti-segmented-control on-select="buttonClicked($index)" style="width: 250px;">
          <ti-segmented-control-button class="button-balanced" title="'One'"></ti-segmented-control-button>
          <ti-segmented-control-button class="button-balanced" title="'Two'" selected></ti-segmented-control-button>
</ti-segmented-control>

有一种方法可以使用

来解决这个问题

<ti-segmented-control style="width: 200px;">
            <a class="button button-outline ti-segmented-control"  >{{'KEY2' | translate}}</a>
            <a class="button button-outline ti-segmented-control" >{{'KEY1' | translate}}</a>
</ti-segmented-control>

但在这种情况下我们不能使用指令 selected。关于如何翻译 ti-segmented-controls 中的文本有什么建议吗？？

Answer 1

Yes you can by Edit "ti-segmented-control.js" like :
    directive('tiSegmentedControlButton', function () {
    return {
        replace: true,
        require: '^tiSegmentedControl',
    transclude: true, // add this line 
        scope: {
            title: '='
        },

        template: '<a class=\"button button-outline ti-segmented-control\"><ng-transclude></ng-transclude></a>', // Add <ng-transclude></ng-transclude>

and From your template you can user :

<ti-segmented-control-button class="button-balanced" selected>{{'DETAILS' | translate}} </ti-segmented-control-button>

有什么方法可以在 ti-segmented-controls 中使用 angular-translate 吗？

Is there any way to use angular-translate in ti-segmented-controls?

angularjs

ionic

angular-translate