Jak wdrożyć koncepcję okna gmail w aplikacji na jedną stronę?

Question

• Pracuję nad projektem, w którym łatwiej będzie użytkownikom szybko dodawać transakcje.

• Jestem bardzo zainteresowany, aby zrobić coś podobnego do tego, co Gmail komponować pop-up czy na jednej stronie

• nie mam pojęcia jak zaimplementować coś takiego . Proszę dać mi wskazówki o tym, jak robić takie rzeczy

• Jestem zainteresowany budowanie go przy angularjs

PS przepraszam za szerokim pytanie, ale ja naprawdę nie wiem, co to się nazywa i Don „t wiedzieć, co Google dla obu

Answer 1

Sprawdź te kanciaste powiadomienia JS na podstawie bootstrap:

http://mgcrea.github.io/angular-strap/#/alerts

Możesz użyć dostarczonej usługi $ modal, która pobiera również szablonowy adres URL:

var modal = $modal({template: '/js/app/views/elements/modal-welcome.html', show: true, backdrop: 'static'}); 

Pokazuje to jako popup.

Answer 2

Możesz łatwo zbudować takie wyskakujące okienko za pomocą zwykłego elementu div i trochę CSS. W szczególności, właściwość CSS position: fixed pozwoli ci umieścić coś na pozycji w oknie, bez względu na sposób przewijania.

Oto prosty JSFiddle który demonstruje technikę: http://jsfiddle.net/BinaryMuse/ndr2Q/

Można kliknąć tytuły książek, aby rozwinąć ich opis, który, miejmy nadzieję uczynić okno podglądu na tyle wysoki, aby przewinąć. (Jeśli nie, po prostu zmień rozmiar okna.) Niezależnie od tego, gdzie w dokumencie przewijasz, okno "popup" (które jest zwykłym elementem z ng-show i niektórymi CSS) pozostaje w prawym dolnym rogu ekranu.

można znaleźć biblioteki, jak Bootstrap, że obecne wtyczek jQuery pozwalają zrobić wyskakujące okienka na stronie, ale na ogół są one zaprojektowane, aby uniemożliwić użytkownikowi interakcję ze strony za się modalne w dowolny użyteczny droga. Ta technika pozwala ci przewijać i używać strony w tle podobnej do interfejsu Gmaila.

Answer 3

Dockmodal to podobny do Gmaila plugin do modalnych wtyczek, który ma opcję minimalizowania i przywracania otwartych dialogów modalnych.