Binding Best Practice

Question

Ich habe eine Komponente, die eine Zeichenfolge als Input-Parameter akzeptieren. Der String lokalisiert werden soll, so binde ich diese Zeichenfolge ist auf diese Weise:

<drawer-item [text]="getSectionName (Routes.Companies)" >... 

Auf diese Weise alles perfekt funktioniert, aber ich legte eine Bruchstelle in die getSectionName Funktion, und ich bemerkte, dass diese Funktion genannt wird viel von Zeiten. Am Start wird 5-6 mal aufgerufen, und dann jedesmal wenn ich etwas in der App mache wird es wieder aufgerufen.

Ist das ein korrektes Verhalten oder ist es gefährlich für die Leistungen?

Vielen Dank

EDIT das Rohr:

@Pipe({ 
    name: 'route', 
    pure: false 
}) 
export class RoutePipe implements PipeTransform { 
    static i:number = 0; 
    transform(route: Route) { 
     switch (route.state) { 
      case Routes.StartPage.state: 
      console.log (RoutePipe.i++); 
       return "H"; 
      case Routes.Companies.state: 
       return "G"; 
      case Routes.Settings.state: 
       return "F"; 
      case Routes.Users.state: 
       return "E"; 
      case Routes.CoursesSources.state: 
       return "D"; 
      case Routes.DocumentSources.state: 
       return "C"; 
      case Routes.Notifications.state: 
       return "B"; 
      case Routes.NonDocumentalExpirations.state: 
       return "A"; 
      default: 
       break; 
     } 
    } 
} 

EDIT Eine sehr gute Erklärung über Rohre here gefunden werden kann.

Answer 1

Die Verwendung von Funktionen zum Binden von Ausdrücken wird aufgrund der von Ihnen erwähnten Auswirkungen auf die Leistung abgeraten.

Bevorzugen Sie Funktionsergebnisse an Felder und binden Sie stattdessen an diese Felder.

In Ihrem konkreten Beispiel wäre eine Rohrleitung wahrscheinlich die geeignete Lösung.