Wie mache ich linkTo dynamisch in ember?

Question

<script type="text/x-handlebars" data-template-name="patient"> 
    <ul class="nav"> 
    {{#each menuItem in menuItems}} 
     <li>{{#linkTo "dashboard.summary" menuItem}}{{menuItem.name}}{{/linkTo}}</li> 
    {{/each}} 
    </ul> 
    {{outlet}} 
</script> 

In dem obigen Code, wie mache ich linkTo eine dynamische Verbindung anstelle der hardcoded "dashboard.summary"? Zum Beispiel "dashboard."+menuItem.name.

Answer 1

Sie könnten einen einfachen Lenker-Helfer registrieren, der den linkTo Helfer hüllt.

var linkTo = Ember.Handlebars.helpers.linkTo; 
Ember.Handlebars.registerHelper('myLinkTo', function(name, suffixPath) { 
    var suffix = Ember.Handlebars.get(this, suffixPath);  
    arguments = [].slice.call(arguments, 2); 
    arguments.unshift(name + '.' + suffix); 

    return linkTo.apply(this, arguments); 
}); 

Dann in Ihrer Vorlage könnten Sie schreiben:

{{#each menuItems}} 
    <li>{{#myLinkTo "dashboard" name this}}{{name}}{{/myLinkTo}}</li> 
{{/each}} 

Der Helfer wird das zweite Argument lösen und es an den ersten anhängen, durch einen Punkt voraus.

Edit: Dieses Verhalten kann jetzt ohne einen benutzerdefinierten Helfer erreicht werden. Siehe c4p's answer für die zeitgemäße Lösung dieses Problems. Die obige Lösung wurde zuletzt mit Ember 1.0.0-rc.1 getestet.

Answer 2

In der aktuellen Ember (1.10 ab diesem Post) akzeptieren Helfer jetzt sowohl in Anführungszeichen gesetzte Argumente als auch Argumente, die im aktuellen Kontext als Attribute nachgeschlagen werden. Ich glaube, das wurde in Ember 1.2 geändert (change log).

Wenn zitiert, wird das Argument als String verwendet werden:

{{#link-to 'post'}}Posts{{/link-to}} 

Wenn nicht angegeben, wird das Argument in dem aktuellen Kontext nachgeschlagen werden:

{{#link-to routeName}}Go To '{{routeName}}'{{/link-to}} 

Dies wird ein Link sein -to zeigt auf was auch immer die routeName -Eigenschaft ist. Dies kann dynamisch aktualisiert werden.

Hier ist ein Beispiel JSBin dies in Aktion zeigt: http://emberjs.jsbin.com/nelafep/1/edit?html,css,js,output