2016-12-06 12 views
0

나는 Angular toastr을 사용하고 있으며 이전 토스터를 숨기고 다음 토스터를 보여주는 것 사이에 지연을 전달하는 데 막혔습니다. 한 번에 하나의 토스트 만 있어야합니다. 나는 숨기고 보여 주지만 시각적 인 차이는 없으며 여전히 토스트 메시지가 동일하며 사용자는 어느 것이 이전이었고 다음 토스트인지 구별 할 수 없습니다. 나는 두 가지 기능으로 그들을 해고하고있다. 어떤 도움을 주시면 감사하겠습니다.새 토스트를 표시하고 토스트를 설정하기 전에 이전 토스터를 어떻게 지울 수 있습니까?

 autoDismiss: true, 
     maxOpened: 2, 
     newestOnTop: true, 
     extendedTimeOut: 1000, 
     tapToDismiss: false, 
     timeOut: 5000 

답변

1

설정 toastrConfig에서

maxOpened: 1 

. 이렇게하면 토스트가 쌓이는 것을 막을 수 있으며 첫 번째 토큰이 만료되는 즉시 두 번째 토스트가 표시됩니다.

+0

고마워요, 당신의 대답은 옳습니다. 올바른 방법이라고 알고 싶습니다. 내가 말하지 않았던 것은, 응용 프로그램의 다른 모든 토스터에 영향을 미치기 때문에 전역 설정을 변경하면 안된다는 것입니다. 그걸 원해. 이 특정 페이지의 토스트 만 사용자 정의 할 수있는 방법이 필요합니다. 나는 toastr.clear()를 사용하고있다. 그리고 그들은 지워지고있다. 문제는 애니메이션이 보이지 않는다는 것이고, 사용자는 첫 번째 toastr이 사라지고 두 번째 토스트가 언제 나타날지 모른다. – Julsy

+1

내 기능의 특정 위치에 새 토스터를 표시하기 전에 toastr.clear()를 호출하는 해결책을 찾았습니다. 그러나 당신의 대답은 토스트 러의 최대 괴짜를 세우는데 옳습니다. 그래서 나는 그것을 받아 들였습니다. – Julsy

1

즉시 애니메이션

toastr.remove() 

를 사용하지 않고 현재 토스트를 제거 애니메이션

을 사용하여 현재 토스트를 제거

내 설정이다

모든 것이 github입니다. 잠시 시간을내어 읽으십시오.

+0

저는 toastr.clear()를 사용하고 있습니다. 그리고 그들은 지워지고 있습니다. 문제는 애니메이션이 보이지 않는다는 것입니다. 사용자는 첫 번째 toastr이 사라지고 두 번째 토스트가 언제 나타나는지 알 수 없습니다. – Julsy