Einstellen der Seitentitel nach der Aktivierung in Aurelia

Question

Ich versuche, den Titel festzulegen, aber in diesem Code unten funktioniert es an einer Stelle und nicht an anderer Stelle. Ich möchte den Produktnamen erhalten und den Titel festlegen. Gibt es einen anderen Weg, es zu tun?

activate(params: any, route, navigationInstruction) {  
     //route.navModel.router.title="test"; //works here 
     this.api.pull<Product>([params.id]).then(items => { 
       items.forEach(item=> 
       { 
        if(item.id == params.id) 
         route.navModel.router.title = item.name //does NOT work here 
       }); 

     }); 
    } 

Answer 1

Versuchen zurückzukehren Versprechen von api Anruf, sieht aus wie Seitentitel nach activate Haken gesetzt ist, so dass Sie route.navModel.router.title setzen müssen, bevor activate Haken Ausführung beendet

activate(params: any, route, navigationInstruction) {  
    //route.navModel.router.title="test"; //works here 
    return this.api.pull<Product>([params.id]).then(items => { 
      items.forEach(item=> 
      { 
       if(item.id == params.id) 
        route.navModel.router.title = item.name //does NOT work here 
      }); 

    }); 
} 

Answer 2

Versuchen Sie, die setTitle Methode auf die Verwendung von NavModel:

activate(params, routeConfig) { 
    return this.api.pull<Product>([params.id]).then((items) => { 
    let item = items.find((item) => item.id == params.id); 
    if (item) { 
     routeConfig.navModel.setTitle(item.name); 
    } 
    } 
} 

im obigen Fall sind Ziehen Sie ein Produkt mit einer nach unten d Setzen Sie dann den Seitentitel auf den Namen des Elements. In diesem Anwendungsfall möchten Sie wahrscheinlich den Titel navModel festlegen. wenn Sie die Router Titel ändern wirklich wollen jedoch nicht nur die aktuelle navModel, können Sie folgendes tun:

import { inject, Router } from 'aurelia-framework'; 

@inject(Router) 
export class MyViewModel 

    constructor(router) { 
     this.router = router; 
    } 

    activate(params, routeConfig) { 
     return this.api.pull<Product>([params.id]).then((items) => { 
     let item = items.find((item) => item.id == params.id); 
     if (item) { 
      this.router.title = item.name; 
      this.router.updateTitle(); 
     } 
     } 
    } 
} 

weitere Informationen im Router docs sehen.