Wie erstelle ich in Ember.js einen bedingten Link zu?

Question

Ich benutze Ember.js Version 2.8.2.

Ich möchte Dinge in link-to nur wickeln, wenn Bedingung wahr ist.

Erster Versuch:

{{#if isAdmin}} 
    {{#link-to admin}} 
    contents here 
    {{/link-to}} 
    {{else}} 
    contents here 
{{/if}} 

Problem: der Code nicht trocken ist, weil Inhalt zweimal wiederholt.

Wie soll ich das tun? Vielen Dank.

Answer 1

Erste Option:

Wenn Sie es von Ihrem dom entfernen möchten, wickeln Sie Ihre "Link zu" Komponente als Komponente (my-admin-link.hbs):

{{#if isAdmin}} 
    {{#link-to admin}} 
    {{yield}} 
    {{/link-to}} 
{{else}} 
    {{yield}} 
{{/if}} 

als es als verwenden:

{{#my-admin-link}} 
    your content 
{{/my-admin-link}} 

Zweite Option:

Verwendung deaktiviert und disabledClass von Link-to:

{{#link-to admin disabled=isNotAdmin disabledClass='showastext'}} 
    your content 
{{/link-to}} 

In Ihrem app.css showastext kann wie folgt definiert werden:

.showastext{ 
    text-decoration: none; 
    cursor: text; 
    color: black; 
}