Emberjs - Bu geçerli yönlendirici yolunu, bir

Question

bileşen yönteminden nasıl alabilirim? Bu, temel olarak istediğim şeydir. ama ember denetçisinde görebileceğim mevcut yolu bulmalıyım, ama bunu bir bileşen içinde nasıl elde edebilirim? ya da bunu yapmak için daha iyi bir yolu var mı? Belki bir servis? Ben getOwner alıyorum

import Ember from 'ember'; 
 
var inject = Ember.inject; 
 
// maybe rewrite nav link one of these options? 
 
// http://discuss.emberjs.com/t/best-practice-for-a-dynamic-menu-bar/9094 
 
export default Ember.Component.extend({ 
 
    currentUser: inject.service('current-user'), 
 
    actions: { 
 
     logout: function() { 
 
      console.log('header logout'); 
 
      this.get('currentUser').logout(); 
 
     } 
 
    }, 
 
    didInsertElement: function() { 
 
     // get current router path to implement if statements on header navigation 
 
     if(path==='search-results'){ 
 
      jQuery('.showSearchButton').show(); 
 
     } else { 
 
      jQuery('.showSearchButton').hide(); 
 
     } 
 
    } 
 
});

<div id="header" class="header navbar navbar-default navbar-fixed-top" data-state-change="disabled"> 
 
    <!-- begin container --> 
 
    <div class="container-fluid"> 
 
     <!-- begin navbar-header --> 
 
     <div class="navbar-header"> 
 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar"> 
 
       <span class="icon-bar"></span> 
 
       <span class="icon-bar"></span> 
 
       <span class="icon-bar"></span> 
 
      </button> 
 
       <button type="button" class="showSearchButton navbar-search collapsed" onclick="jQuery('.collapse.navbar-collapse.in').collapse('hide');" data-toggle="collapse" data-target="#search-navbar"> 
 
        <i class="fa fa-search"></i> 
 
       </button> 
 
       <img src="assets/images/logo.png" alt="Logo"> 
 
      {{/link-to}} 
 
     </div> 
 
     <!-- end navbar-header --> 
 
     <!-- begin navbar-collapse --> 
 
     <div class="collapse navbar-collapse navbar-right" id="header-navbar"> 
 
      <ul class="nav navbar-nav"> 
 
       {{#if currentUser.logged}} 
 
        {{#if currentUser.hasDashboardPermissions}} 
 
         {{#nav-link-to 'dashboard.list' data-toggle='collapse' data-target='#header-navbar'}}Admin{{/nav-link-to}} 
 
        {{/if}} 
 
        {{#nav-link-to 'user.profile' data-toggle='collapse' data-target='#header-navbar'}}Account{{/nav-link-to}} 
 
        <li><a href="#" {{action 'logout' on="click"}}>Log Out</a></li> 
 
       {{else}} 
 
        {{#nav-link-to 'auth.register' class='reg' data-toggle='collapse' data-target='#header-navbar'}}Register{{/nav-link-to}} 
 
        {{#nav-link-to 'auth.login' data-toggle='collapse' data-target='#header-navbar'}}Login{{/nav-link-to}} 
 
       {{/if}} 
 
      </ul> 
 
      <ul class="nav navbar-nav visible-xs"> 
 
       <li role="separator" class="divider"></li> 
 
       {{#nav-link-to 'about' data-toggle='collapse' data-target='#header-navbar'}}About{{/nav-link-to}} 
 
       {{#nav-link-to 'how-it-works' data-toggle='collapse' data-target='#header-navbar'}}How it works{{/nav-link-to}} 
 
       {{#nav-link-to 'terms-of-service' data-toggle='collapse' data-target='#header-navbar'}}Terms of Service{{/nav-link-to}} 
 
       {{#nav-link-to 'support' data-toggle='collapse' data-target='#header-navbar'}}Support{{/nav-link-to}} 
 
       {{#nav-link-to 'contact-us' data-toggle='collapse' data-target='#header-navbar'}}Contact Us{{/nav-link-to}} 
 
      </ul> 
 
     </div> 
 
     <!-- end navbar-collapse --> 
 
     <div class="collapse navbar-collapse" id="search-navbar"> 
 
      {{find-it header=true withSearch=withSearch class='inhead' inHeader=true}} 
 
     </div> 
 
    </div> 
 
    <!-- end container --> 
 
</div>

Answer 1

< Kor 2,3

this.get('container').lookup('controller:application').currentPath; 

Kor 2.3 veya daha yeni

import Ember from 'ember'; 
const { getOwner } = Ember; 
export default Ember.Component.Extend({ 
... 
    currentPath: Ember.computed(function() { 
    return getOwner(this).lookup('controller:application').currentPath; 
    }), 
... 
});