2017-04-12 8 views
2

얼마 전에 나는 glimmer에 대해 듣고 그것을 시도하기로 결정했습니다.반짝임에서 경로 설정 및 초기화 js

이제 튜토리얼을 작성하고 이미 만들어져있는 todo-mvc를 보려고하지만 페이지를 탐색하는 데 navigo을 사용하는 것 같습니다.

이전에 ember.js를 사용하고 설정 경로에 router.js의 다른 경로를 추가해야하기 때문에 경로를 설정하는 적절한 방법이 있는지 알고 싶습니다. 때문에 가지 NaviGo를 사용

지금 나는 경로를 통해 코드 위

<div> 
    <a href="#/posts"><button>See All Posts</button></a> 

    {{#if (eq routeName 'postList')}} 
     <post-list /> 
    {{/if}} 
    {{#if (eq routeName '404')}} 
     <h1>PAGE NOT FOUND</h1> 
    {{/if}} 
</div> 

가 작동

component.ts

import Component, { tracked } from '@glimmer/component'; 
import Navigo from 'navigo'; 

const router = new Navigo(null, true); 

export default class MainPage extends Component { 
    @tracked routeName; 

    constructor(options){ 
     super(options); 

     router 
     .on({ 
      '/':() => { this.routeName = 'home'; }, 
      '/posts':() => { this.routeName = 'postList'; } 
     }) 
     .resolve(); 
    } 
}; 

template.hbs 탐색과 같은 코드를 사용하지만 내가 필요 도메인 뒤에 #가 있어야합니다. 이 방법보다 다른 방법이나 더 적절한 방법을 찾아야한다고 생각합니다.

+3

글림머에는 라우터가 없습니다. 라우터가 필요하다면 ember를 사용하는 것이 좋습니다. 기본적으로 엠버는 + 라우터 + 다른 좋은 케이크입니다. 최종 목표는 필요한 부분을 설치 한 다음 다른 엠버 기능 없이는 옅은 + 엠버 라우터를 사용하는 것이지만 아직 불가능하다는 것입니다. – Lux

+0

Ember-cli는 추가 기능을 추가하는 방법이 있다는 것을 모릅니다. Glimmer를 독립 실행 형으로 사용하지 않고 Ember에 연결하기 때문에 추가 기능을 넣을 수있는 방법이 있습니다. 그러나 나는 @Dio와 같은 질문을 좋아합니다. 앞으로 6 개월 후에는 물어 보는 자연적인 질문이라고 생각합니다. https://github.com/tildeio/router.js/ –

답변

1

현재의 질문에 대한 답변은 섬광이 경로와 같은 개념을 갖고 있지 않다는 것입니다. 앞으로 Ember를 Glimmer 앱에 라우팅하는 것과 같이 Ember의 일부를 설치할 수 있어야합니다.

기본적으로, 다음과 같이 작동합니다 :

희미한 빛 응용 프로그램 -> 모든 엠버 패키지를 설치 = 엠버 응용 프로그램을.

또는 :

희미한 빛 응용 프로그램 -> 설치 몇 엠버 패키지 = 같은 라우팅, 엠버에서 희미한 빛 + 부품.

+0

과 함께 글림머를 붙이기 위해 tildeio의 기존 파이프 라인을 사용하여 답변하는 방법이 있습니다. 받아 들인 답이 되십시오. 올해 Emberconf의 기조 연설에서 더 자세히 설명합니다 : https://www.youtube.com/watch?v=TEuY4GqwrUE –