Wszystko

Wszystkie

Archiwum

wojjaskula
wojjaskula
  • 1
#angularjs #angular #webdev

Miraski próbuję sobie ogarnąć routing w angularze.

mam taki kod

var app = angular.module('myApp',['ngRoute']);


//routing
app.config(function($routeProvider, $locationProvider) {
$routeProvider
.when('/login', {
templateUrl: 'templates/login.html',
controller: 'LoginController',
})
.when('/index', {
templateUrl: 'templates/index.html',
controller: 'MainPageController',
})
.otherwise({
redirectTo: '/login'
});
});
Dlaczego po wejściu na jakikolwiek link dodaje mi się # do urla ? np localhost/#/login a nie localhost/login ?
mathix
mathix
  • 0
@Jurigag: Tak. Chociaż będzie więcej boilerplate'a. Mi się tam TS podoba, w ogóle Anders Hejlsberg robi świetne języki i fakt, że pracuje dla MS nie powinien zniechęcać. TS zachował całego ducha JS-a.
  • Odpowiedz
anghelus
anghelus
  • 7
Pewnie dla wielu to codzienna rutyna i już nie robi wrażenia, ale ja za każdym razem, gdy rano rozpoczynam pracę na projektem i wpisuję w konsoli gulp to czuję taką wewnętrzną radość i siłę ᕦ(òóˇ)ᕤ
Tyle rzeczy dzieje się z automatu i o nic nie trzeba się martwić. Coś pięknego, jaka szkoda że lata temu tego nie znałem.

Po nieudanej rozmowie o pracę (frontend developer) trochę
anghelus - Pewnie dla wielu to codzienna rutyna i już nie robi wrażenia, ale ja za ka...

źródło: comment_N9adqMkGHhgbW7MiMggUkuhSC3AggcnD.jpg

Pobierz
bonus
bonus
  • 2
JWTAuth


@anghelus: rozdziel sourc i vendor, vendory CSS nie musisz komilować za każdym razem tylko jak dodasz cos do bowera, a swoje źródłowe CSSy może kompilować szybciej w osobnym tasku wrzuconym do watch

  • Odpowiedz
anghelus
anghelus
  • 2
@bonus: lol faktycznie, przecież wystarczy je raz skompilować (głównie źródła semantic) i później tylko połączyć z skompilowanym css. Dzięki!

O linuxie myślałem, aby postawić obok windy, ale jednak lubię mieć wszystko w jednym miejscu i nie mam jakoś problemów z webdevem na windzie.

@vord: startowałem na zwykłego (regulara), wałkowali mnie prawie godzinę - team lider z działu frontend oraz babka z HR, która prowadziła pod koniec rozmowę po angielsku.

Kilka
  • Odpowiedz
P.....8
P.....8
  • 2
Mirki z #nodejs
Potrzebuję szybko zrobić aplikację internetową z użyciem #angularjs która będzie czerpać dane ze stworzonego przeze mnie API (w nodejs). Chcę wprowadzone dane zapisywać w bazie danych, chcę żeby można było w miarę bezpiecznie logować się do mojej strony (tzn. chociażby obsługa https) oraz żeby aplikacja działała na Microsoft azure.

1. Które IDE najlepiej nadaje się do node.js (zapewnia dobrej jakości debugowanie). Dodam że mam do dyspozycji Visual Studio 2013,
G.....n
G.....n
  • 2
@Pietrek558: Bo na tym pracuję.
Lista problemów jakie powoduje środowisko Azure jest niewyobrażalna - segfaulty, gubienie logów z crashu programu, problemy ze zmianą wersji, serwowanie błędów do klienta JSONowego w postaci HTML, brak dokumentacji, wysokie ceny, support, którego klasyczną odpowiedzią jest "próbowałeś zakupić lepszy plan", regularne spadki wydajności serwera, Windows (w konsekwencji problemy z działaniem wielu modułów Node.js). Czasem też przestaje na kilka godzin działać bez powodu.

Lepiej kupić sobie VPSa
  • Odpowiedz
bonus
bonus
  • 1
#seo #pozycjonowanie #webdev #angularjs
Jak się ma tworzenie stron w Angular/Ember do pozycjonowania? Wiadomo, że nie tworzy się treść po kliknięciu w zbadaj źródło, ale gdzieś tam czytałem, że roboty googla same odpalają kod JS na stronie.

Jak to się ma w praktyce, miał ktoś jakieś doświadczenie?

Jurigag
Jurigag
  • 0
@ogur: w sensie mówiśz że ng-click nie robi watchera ? bo właśnie nie jestem pewien czy robi czy nie, ten widok akurat się nie bedzie zmieniał, jedynie lista dla ng-repeata się będzie zmieniać bo cała reszta nie
  • Odpowiedz
Gottek
Gottek
  • 1
Mircy mam serwis z taka zmienna jak var authenticated. Na start wpisuje do niej false.

Zmieniam tą zmienną w metodach serwisu takich jak np init ( metoda ta sprawdza czy użytkownik jest zalogowany, jeżeli tak zmienia zmienna na true). Każda taka zmianę zmiennej rozgłaszam broadcastem.

Problem mam taki: podpinam sobie ten serwis pod jakąs podstrone(controller, widok, moduł). W widoku w pierwszym divie wykonuje metode z controllera przez ng-init="init()". Metoda ta w controllerze
niepoprawnyhumanista
niepoprawnyhumanista
  • 0
@Gottek: Po pierwsze, to ustaw tak by domyślnie był widoczny widok dla NIE zalogowanego. a dopiero jak authenticated ustawi się na true to wyswietl wlasciwą stronę.

po drugie mozesz tak sprawdzić ale dopiero po wykonaniu się zapytania. Serwis powinien zwracać Ci promisa (używaj w nim np,. $resources).
Wtedy mozesz zrobic
AuthService.getAuthenticated().$promise.then(function(result){
if(result.IsAuthenticated)
{
// tutaj przejdz na jakaś podstrone
}
});
  • Odpowiedz
Gottek
Gottek
  • 0
@niepoprawnyhumanista: pomylilem sie, zmienna jest ustawiona na false, wiec odwrotnie uzytkownik zalogowany widzi przez chwile to co niezalogowany. W widoku używam do tego po prostu ng-show i ng-hide do tej zmiennej authenticated.

Co do drugiego, w kontrolerze w ktorym chce sprawdzic zmienna authenticated daje:

AuthService.getAuthenticated().$promise.then(function(result){
if(result.IsAuthenticated)
{
// tutaj przejdz na jakaś podstrone
}
});
a w serwisie w jaki sposób to zapisać, bo nie ogarniam. Używam ngResource ale do komunikacji
  • Odpowiedz
Jurigag
Jurigag
  • 1
mam takie coś :

ng-class="status.type == 'aktualizacja' ? 'yellow' : (status.type == 'anulowane' ? 'red' : (status.type == 'zrealizowane' ? 'green' : '' ))"
jak wprowadzić tutaj bindonce żeby mi nie robiło watchera na status.type ?
#javascript #angularjs
qwelukasz
qwelukasz
  • 2
#angularjs

function getTemplates() {
model.loading = true;
`
``` Template.types.query().$promise.then(function (response) {```
 model.media = response.media;
``` });```
 Template.categories.query().$promise.then(function (response) {
``` model.categories = response.categories;```
 });
``` Template.attributes.query().$promise.then(function (response) {```
 model.attributes = response.attributes;
``` });```

``` Template.templates.query().$promise.then(function (response) {```
 model.templates = response.templates;
``` });```
 model.loading = false;
``` }```

jak w angularze wywołać model.loading = false` dopiero gdy wszystkie query się skończą?
l.....r
l.....r
  • 3
Mirki, wiecie jak włączyć prawidłowe podświetlanie dyrektyw angulara w intellij/webstorm? Używam trybu ciemnego.
Wygląda to tak że tylko słowa kluczowe js (true/false, function, var, if/else itp itd) są kolorowane na pomarańczowo a stringi na zielono, natomiast reszta nie jest kolorowana w ogóle.

jak mogę uruchomić takie kolorowanie jak w edytorze na obrazku? to kwestia jakiegoś dodatkowego pluginu?
Tak, mam dodanego angulara do scope projektu, intellisense dla angulara w pełni działa.

#nieprogramowanie
#
l.....r - Mirki, wiecie jak włączyć prawidłowe podświetlanie dyrektyw angulara w inte...

źródło: comment_oNgI2j98INPnbzrN6IDTC7NLglKBdDIm.jpg

Pobierz
Arveit
Arveit
  • 4
Kurcze, w firmie wszystkie angularowe appki są generowane jakimś narzędziem, mają jakieś dziwne zależności, pliki konfiguracyjne itp. Generalnie ja, jako osoba, która robi głównie front-end nie przejmuję się tym. Mam znać strukturę plików i umieć dodać nowe widoki itp.
A teraz chcę samemu utworzyć najprostszą stronę angularową, gdzie będą się przełączać widoki, zakładki, itp. i nie umiem, wtf xD
Ma ktoś jakiś jasny i przejrzysty tutorial, w którym krok po kroku będzie
TeflonDon
TeflonDon
  • 2
mam sobię funkcję

function TranslateCtrl ($translate, $scope) {

$scope.changeLanguage = function (langKey) {
$translate.use(langKey);
};

};

i chcę $scope zamienić na vm = this;
Robię coś takiego, ale nie działa. Gdzie mam błąd?

function TranslateCtrl ($translate, $scope) {
var vm = this;
vm.changeLanguage = changeLanguage;

function changeLanguage (langKey) {
return translate.use(langKey);
};

};
#javascript #angularjs

Powiązane tagi