How to use "data-i18n=" for title in "ion-view"?

Take label for example

  <label class="item item-input">
    <span class="input-label" data-i18n="_UserName_"></span>
    <input type="text" ng-model="user.username">

I can define UserName in resources-local_en-US file in www\i18n folder.

    "description":"User Name"

Who can help for how to use data-i18n= in “ion-view”? Thanks!

For translation im using

with this you can simply do this:

<ion-tabs class="tabs-icon-top">
    <ion-tab title="{{ 'Ui.setting' | translate }}" icon="ion-ios7-gear-outline" ui-sref="main.tabs.setting">
        <ion-nav-view name="setting-tab"></ion-nav-view>

On View:

<ion-view title="{{ 'Setting.title' | translate}}">
    <ion-content has-header="true" scroll="false" >
        <div class="list smaller-padding">
            <a class="item " ng-href="#/setting/about">
                {{ 'Setting.about' | translate }} 
            <a class="item " ng-click="share()">
                {{ 'Setting.share' | translate }}  
            <a class="item " ng-click="contactMe()">
                {{ '' | translate }} 
            <a class="item " ng-href="#/setting/faq">
                {{ 'Setting.faq' | translate }}
            <a class="item " ng-click="openPremiumModal()">
                {{ 'Setting.upgrade' | translate }}

and in a Controller you could do this:

text = $filter('translate')('Setting.language');

dont forget to include $translate into the controller.

i hope this helps