So wählen Sie das Feld aus dem Modell nach dem aktuellen Gebietsschema in Angular

Question

AngularJs. Ich habe ein Modell wie dieses

animal: {name_en: "cat", name_de: "Kater", name_ru: "кот"} 

Deshalb möchte ich in HTML-Vorlage entsprechende Feld verwenden. Etwas wie folgt aus:

<div>{{ if(locale == 'en') animal.name_en }}</div> 

Kann ich das tun?

Answer 1

Ja, das kann man in AngularJS leicht tun.

eine hartkodierte Check Putting maßstabs wäre schwierig, wenn man viele Tiere haben, werde :)

So handhaben, ein wenig Ihrer Struktur zu verändern. Lassen Sie die animals ein Array von Objekten sein. Etwas wie:

$scope.animals = [{name: "ABC", locale: "en"}, {name: "XYZ", locale: "de"}]; 

Angenommen, Sie haben en als ausgewählte locale

$scope.selectedlocale = 'en'; 

Nun iterieren nur über die animals Array und machen dementsprechend:

<div ng-repeat="animal in animals"> 
    <div ng-if="animal.locale === selectedLocale"> 
     {{ animal.name }} 
    </div> 
</div> 

Hinweis

ng-show - lassen Sie das Element in DOM sein, aber versteckt, wenn die Bedingung

ng-if nicht - lassen Sie das Element nicht in DOM sein, wenn die Bedingung nur nicht, dass es zusätzliche Beobachter fügt hinzu, wenn das nicht das Problem ist, die Sie haben.

Answer 2

Besser wäre:

<div ng-if="locale == 'en'">{{animal.name_en}}</div> 

Wenn Sie das tun würde, dass durch diese Art und Weise:

<div>{{ if(locale == 'en') animal.name_en }}</div> 

Sie haben div immer gemacht, wenn Sie verwenden ng-wenn dann Element nur wiedergegeben werden Wenn der Ausdruck "True" zurückgibt