Wszystko

Wszystkie

Archiwum

P.....8
P.....8
  • 1
#programowanie #angularjs #javascript

Mam stronę w angularze, pobiera ona jakieś dane z serwera i dynamicznie wyświetla je na stronie z użyciem ng-repeat.

W divie z ng-repeat mam obiekty, których id generuję w zależności od indexu, tzn:
``

Chcę teraz ustawić focus na konkretnym obiekcie:

document.getElementById("object"+zmienna1+"part"+zmienna2).focus();
No i się nie da :/ Przegądarka twierdzi że element który chcę pobrać == null. Co dziwne, jak wpiszę dokładnie to samo w przeglądarkowej konsoli, to wszystko
epi
epi
  • 0
Czy fakt, że dynamicznie generuję te obiekty oraz ich ID może mieć jakieś znaczenie?


@Pietrek558: nie, jesli element istnieje w domie, to js powinien móc go pobrać
wklej co leci w konsoli ;)
a już idealnie by było, jakbyć wrzucił kawałek kodu gdzieś
  • Odpowiedz
Jurigag
Jurigag
  • 1
mirki, nadal mam problem z wykonywaniem dwa razy kontrolera w #angularjs dodałem sobie nowy typ parametru do routera za pomocą $urlMatcherFactoryProvider.type, o to kod, zamienia spacje na '-', korzystam ui-routera:
http://pastebin.com/gh9Xq8jL
I teraz mam taki problem iż dla linków dla których podaję parametry jako zmienne - wszystko pięknie działa, ale jak już próbuję dodać link o taki:

abc abc
to kontroler od some.route jest wywoływany dwa razy, stack jego wygląda tak samo,
Jurigag
Jurigag
  • 0
@Jurigag: chociaż w sumie nie mam pojęcia czy aby to na pewno w tym drugim przypadku, w zasadzie to zawsze woła mi kontroler dwa razy po dodaniu parametru
  • Odpowiedz
Jurigag
Jurigag
  • 1
tak mnie ciekawi lista online na #twitch na chacie na kanale, z tego co widzę w jsie jest trzymana cała zawartość a wyświetlane w domie jest np 50 rekordów które się zmieniają w zależności jak zescrollujemy, jest to w #emberjs zna ktoś podobne rozwiązanie dla #angularjs - i od razu czy w ogóle są zalety tego ? z jednej strony trza podmieniać zawartość doma, z drugiej mamy mniej elementów w nim, lepiej
Jurigag
Jurigag
  • 0
@Ilirian: na pececie na pewno wygląda to fajniej, tylko czy np na smartfonach nie przymuli to przy scrollowaniu ?
w sumie sprawdziłem na urządzeniu mobilnym - i ta opcja po lewo to jednak porażka :P ta po prawo niby dłuższy $digest no ale przynajmniej mamy wszystkie elementy, a dla głupich 4-10 ms nie widzę sensu na pc
  • Odpowiedz
BushidoGames
BushidoGames
  • 8
Pamiętacie naszą grę słowną Scraby? Kilka tygodni temu pisaliśmy na Wykopie o tym, jak powstała .
Gra cały czas się rozwija. Z nową aktualizacją pojawiły się długo wyczekiwane rankingi. Swój wynik nareszcie można porównać do najlepszych wyników dnia, tygodnia i miesiąca.
Zapraszamy do powalczenia o miejsce na szczycie rankingu:) Wersja przeglądarkowa na: scraby.io

#gamedev #angularjs #frontend #gamedev #html5 #javascript #nodejs #programowanie #webdev
BushidoGames - Pamiętacie naszą grę słowną Scraby? Kilka tygodni temu pisaliśmy na Wy...

źródło: comment_WmGcoA0xhpDDI8BTmHEZJSVcz80IyGRS.jpg

Pobierz
Xamox
Xamox
  • 0
@BushidoGames: Nie pojawiam się w liście top mimo osiąganych wyników. + Dodatkowo przydałby się link na stronie planszy do strony głównej bo tak to cały czas się odświeża.
Rozważaliście guzik restart?
  • Odpowiedz
Mokatte
Mokatte
  • 1
Siadłem dzisiaj do dokumentacji ng2 - jestem w szoku, spodziewałem się chaosu a póki co jest przejrzyście, sensownie i prosto. Obym nie zapeszył ale wygląda jakby ng2 nie tyle był czymś zupełnie innym, ale serią wyciągniętych wniosków z tworzenia jedynki. Propsuję!
#angularjs
Mokatte
Mokatte
  • 0
@Jurigag: No to mamy różne założenia. Dla Ciebie ng1 to marginalny procent w sieci, dla mnie ponad 50% ogłoszeń o pracę przy poważnym front-endzie. Popularność frameworka w całej sieci, a jego popularność na rynku pracy to zupełnie dwie różne kwestie.

Ja myślę już dzisiaj o nauce ng2 aby za rok czy dwa móc sobie to wpisać w CV - nie dlatego, że liczę na to, że angulara 2 zobaczymy na co
  • Odpowiedz
Jurigag
Jurigag
  • 0
@Mokatte: no wiadomo że ogłoszenia o prace a użycie tego to dwie różne rzeczy, ale nadal, więcej na rynku będzie się przez najbliższy czas nadal szukało ludzi do angulara 1, do rozwoju, budowy i wspierania bieżących projektów, dopiero za te 2,3 lata będzie się pojawiało coraz więcej ofert w ng2

bo oczywiste jest to że jeśli ktoś ogarnia samego angulara, i nie miał nigdy styczności z takimi rzeczami jak require.js, es6,
  • Odpowiedz
qbol1234
qbol1234
  • 1
#angularjs
Cześć programirki, tworzę własny projekt w Angularze i nie wiem jak obejść się z jednym problemem.

Używam Angular Ui Router w moim projekcie, i chcę użyć routera z parametrami by mieć stronę (ui-view) z wyszukiwaniem wyników, dajmy na to: example.com/search?query=aardvark, gdzie query to moje zapytanie. Controller używa $stateParams żeby uzyskać 'query'.

Jednocześnie gdzie indziej chcę mieć link/przycisk, którym chciałbym przywoływać ten sam ui-view, w ten sposób że gdy go wywołam, to
Jurigag
Jurigag
  • 0
to otwiera to stronę z ostatnim wyszukiwaniem, bez zbędnego przeładowywania tego wyszukiwania.


@qbol1234: co to znaczy bez przeładowywania tego wyszukiwania ? że nie robi zapytania/nie odświeża listy ? no to musiałbys zapamiętać cały wynik tego query, sprecyzuj o co chodzi, czy chcesz zapamiętywać tylko to co było w ostatnim query, czy cały wynik, ale ogółem to zapisać sobie obie wartości, w jakimś localStorage albo serwisie/factory, $rootScope albo app.value , query przekazać
  • Odpowiedz
I.....1
I.....1
  • 5
Mircy. Zastanawiam się, co dalej z moją karierą.

Siedzę głównie w HTML, CSS i JS, w głównej mierze frontend, również grafika, ale to ostatnie raczej póki co bardziej w ramach hobby. Zetknąłem się z #angularjs . I albo mnie to przerasta, albo nie wiem. Kupiłem dwie książki i nagle okazuje się, że wywaliłem hajs w błoto, bo zaraz wyjdzie Angular 2.0, gdzie widzę że jest sporo zmian i pewnie połowa wiedzy z
zurko
zurko
  • 4
Tak. Angular pozwoli ci na szybki head start, i faktycznie - rynek chłonie angularowców. Pamiętaj jednak aby cisnąć podstawy i wiedzieć jak coś działa w środku. powodzenia
  • Odpowiedz
Sh1eldeR
Sh1eldeR
  • 15
@Imago91:
Tak to w tej branży jest. Biblioteki i frameworki przychodzą i odchodzą, ale warto się ich jakoś tam uczyć. O wielu mieć jakieś pojęcie, a kilka wybranych znać bardzo dobrze.

Z Angularem masz akurat siermiężnego pecha. To, co się z nim stało, nie jest typowe. Zmiany z wersji 1.x na 2.x są faktycznie bardzo duże i nauczenie się 1.x niewiele daje w 2.x. Nazywanie tego tym samym frameworkiem to w
  • Odpowiedz
PrawyKuba
PrawyKuba
  • 1
#angularjs #webdevhelp

Mam taki input:



Regex sprawdza czy poprawnie wpisuje hexa color.

Sprawdzam czy działa errorem:

wpisz dobrze hexa color colego

działa, wypisuje error jak wpisuje błędne dane. Ale zamiast tego tekstowego errora chciałbym, żeby input miał czerwony border jak jest zły, a zielony jak jest dobry. Tj. chciałbym dodawać określone klasy jeśli input będzie poprawny/niepoprawny. Jak mogę to zrobić?
Marmite
Marmite
  • 2
@mathix: Ciężko powiedzieć, nie mierzyłem. Bardzo aktywnie korzystam z podpowiadania, więc jakieś tam przyspieszenie w stosunku do gołego JS, gdzie tylko garstka IDE ma naprawdę dobre podpowiadanie (zwłaszcza pomiędzy plikami) jest, oprócz tego czuję się po prostu bezpieczniej wiedząc że w tym miejscu na pewno jest taka zmienna, a nie że tylko wiem, że jest, bo czytałem w dokumentacji. Jeśli chodzi o IDE to Webstorm, VS i VS Code mają lepsze
  • Odpowiedz
Marmite
Marmite
  • 1
@mathix: A tak wygląda task serve, wzięty z innego projektu: http://pastebin.com/m9aZ6f3J
I bardzo krótki gulpfile do niego:

gulp.task('clean:serve', clean);

gulp.task('serve', ['ts:serve', 'html:serve', 'scss:serve'], serve);

gulp.task('ts:serve', ['clean:serve'], ts);
gulp.task('ts-watch:serve', ts);

gulp.task('html:serve', ['clean:serve'], html);
gulp.task('html-watch:serve', html);

gulp.task('scss:serve', ['clean:serve'], scss);
gulp.task('scss-watch:serve', scss);

gulp.task('build', html);
  • Odpowiedz
M.....v
M.....v
  • 10
[ #csharp #dotnet #typescript #angularjs #programowanie #maavfeed ]
Dzisiaj mocno JavaScriptowo

Generic Delegates in C#
Understand the complexity and maintainability of your code using Code Metrics in Visual Studio – Cyclomatic Complexity

Black Tower Summoning: Object Composition With Mixins
CREATING AN ANGULAR 2 BUILD WITH GULP, TSLINT AND DEFINITELYTYPED
Create Factory Functions in TypeScript for Creating Multiple Classes
Exploiting Generics in TypeScript

Archiwum:
Piotr Zieliński - WYDAJNOŚĆ WĄTKÓW W C#
Jon Skeet
  • Odpowiedz
mk321
mk321
  • 3
#programowanie #java #angularjs #spring #mvc

Normalna aplikacja w Spring MVC jest w architekturze MVC:
- model: klasy POJO javowe,
- kontroler: klasy javowe z adnotacją Controller,
- widok: pliki JSP (czy tam jakoś ianczej np. Apache Tiles).

A jaka jest architektura jak używam REST-a? Springiem wystawiam dane w JSON, a AngularJS mi pobiera. To też jest MVC. Tylko że to chyba jakieś podwójne MVC.

Po stronie serwera (w Springu):
- model: klasy
MacDada
MacDada
  • 1
źródło?


@mk321: Hmm, musiałbym głębiej poszukać – raczej o takich rzeczach czytam/słucham „przy okazji” i nie chomikuję linków. Jak coś znajdę, to podrzucę.
  • Odpowiedz
MacDada
MacDada
  • 1
błędne używają określenia MVC


@mk321: Może i nie błędnie – termin po prostu został zaadaptowany także przy appkach webowych. Ale IMHO jest to naciągane – tzn są lepsze abstrakcje, o które można oprzeć aplikację webową, niż na siłę próbować robić MVC.

Pierwotnie chodziło o komponenty GUI, ale słowa zmieniają znaczenie.
  • Odpowiedz
PrawyKuba
PrawyKuba
  • 1
#angularjs #javascript #webdevhelp

index http://pastebin.com/T9zkhZZf
kontroler http://pastebin.com/HRR815cV

W jaki sposób mogę wyświetlić te dwie listy obok siebie? Tj. żeby obok todoList była wyświetlania lista z wybraną datą. Zależy mi też na tym, żeby to co wypluje angular mógł jakoś przefiltrować, żeby dostać coś innego niż "Thu Dec 10 2015 00:00:00 GMT+0100 (Środkowoeuropejski czas stand.) ". Z góry dziękuje za pomoc. :-)
Jurigag
Jurigag
  • 1
@PrawyKuba: czemu date w ogóle trzymać oddzielnie, a todo oddzielnie ? weź wpakuj wszystko w jeden obiekt, lol

todoInput na todo.text
dateInput na todo.date
i w kontolerze

$scope.todo={
done:false
};
$scope.todoAdd = function(){
$scope.todoList.push($scope.todo);
$scope.todo={
done:false
};
}
I sobie potem w ng-repeat wyświetlasz tam text date i done
  • Odpowiedz
Jurigag
Jurigag
  • 1
@PrawyKuba: poza tym elements to liczba mnoga, a masz jeden item, nazwij to element, no i też jeśli nie będzie edycji tych todosów to zamiast
ng-bind="elements.todoText" zrób ng-bind="::elements.todoText" - unikniesz dodatkowego watchera
  • Odpowiedz

Powiązane tagi