Javascript 如何根据angularjs中的语言变化设置rtl属性?
嗨,我正在开发angularjs应用程序,它是英语和阿拉伯语的多语言应用程序。每当我选择阿拉伯语时,我都希望对html标记应用rtl支持。将工作良好,但我想这样做的基础上选择的语言 下面是我的html代码Javascript 如何根据angularjs中的语言变化设置rtl属性?,javascript,angularjs,Javascript,Angularjs,嗨,我正在开发angularjs应用程序,它是英语和阿拉伯语的多语言应用程序。每当我选择阿拉伯语时,我都希望对html标记应用rtl支持。将工作良好,但我想这样做的基础上选择的语言 下面是我的html代码 <div class="language"> <a href="#" ng-click="changeLanguage(lang == 'de_AR' ? 'de_EN' : 'de_AR')"> <img ng-src="images/{{ lang ==
<div class="language">
<a href="#" ng-click="changeLanguage(lang == 'de_AR' ? 'de_EN' : 'de_AR')">
<img ng-src="images/{{ lang == 'de_AR' ? 'english.png' : 'arabic.png' }}" />
</a>
</div>
在上面的代码中,如果选择了语言,那么我想简单地添加其他语言。我试了如下
if($scope.lang="de_AR")
{
$scope.rtl="rtl"
}
下面是我的html标签
<html ng-app="RoslpApp" dir="{{rtl}}">
以上代码不提供rtl支持。能帮我修一下吗?我能知道我是不是遗漏了什么吗?任何帮助都将不胜感激。多谢各位 您可以在
$scope.lang
上执行三元操作,以决定页面是ltr还是rtl
<html ng-app="RoslpApp" ng-controller="RoslpAppController" dir="{{lang=='de_AR'?'rtl':'ltr'}}">
您必须在要触发的控制器范围内定义三元条件。因此,请将您的
ng控制器
放在html标记上,或将目录移动到您正在定义ng控制器的位置
谢谢Vivz。我换了,但不起作用。我检查了html元素中的dir=”“class=“ng scope”。尝试使用ng class=“{'directions':lang=='de_AR'}”。directions{direction:rtl;}我添加为。我应该在控制器中写些什么呢?像上面那样试试,即如果lang=='de_AR',然后应用类方向并在cssi中添加方向,在css中添加html{direction:ltr;}。现在如何添加类?如果($scope.lang==“de_AR”){//如何添加类?}
<html ng-app="RoslpApp" ng-controller="RoslpAppController" dir="{{lang=='de_AR'?'rtl':'ltr'}}">