如何在angularjs中设置基于语言变化的rtl属性？

angular.module('myApp', ['pascalprecht.translate'])
  .config(function($translateProvider) {
    $translateProvider.translations('en', {
      // 英语翻译内容
    });
    $translateProvider.translations('ar', {
      // 阿拉伯语翻译内容
    });
    // 添加更多语言的翻译内容
  });

<div ng-app="myApp" ng-controller="myCtrl">
  <!-- 页面内容 -->
</div>

angular.module('myApp')
  .controller('myCtrl', function($scope, $translate) {
    $scope.changeLanguage = function(langKey) {
      $translate.use(langKey);
    };

    $scope.currentLanguage = function() {
      return $translate.use();
    };
  });

<div ng-app="myApp" ng-controller="myCtrl">
  <p>当前语言：{{ currentLanguage() }}</p>
  <button ng-click="changeLanguage('en')">英语</button>
  <button ng-click="changeLanguage('ar')">阿拉伯语</button>
</div>