Тогда круто

Просто в другом чатике кто-то писал, что сам пример не работает на релизной версии

я не копировал весь пример, только часть с providers: []

и выпилил хак

А вот с архитектурной точки зрения, лучше storage сделать статическим классом или передавать через di?

Такой вопрос: а как вы делаете? Сначала верстаете страницу, а потом разбиваете на компоненты ангуляра?

лично я так и делаю - но если команда большая - лучше разбивать сразу

кто то stylus юзает? нужна помощь в cli

а что не так?

Наверное как добавить в cli - тогда просто склонить реп cli и сделать npm link

кто работал из [DomSanitizer](https://angular.io/docs/ts/latest/api/platform-browser/index/DomSanitizer-class.html) одно дело когда нужно сказать этот iframe нормальный, можешь вставлять - в одном компоненте но когда их уже 3 или больше и отрабатывать еще стили и тд как то DRY есть вариант чтоб в app.modules для всех задать глобально вот доверенный урл и все что от него приходит можно парсить и не бояться

кто работал из [DomSanitizer](https://angular.io/docs/ts/latest/api/platform-browser/index/DomSanitizer-class.html) одно дело когда нужно сказать этот iframe нормальный, можешь вставлять - в одном компоненте но когда их уже 3 или больше и отрабатывать еще стили и тд как то DRY есть вариант чтоб в app.modules для всех задать глобально вот доверенный урл и все что от него приходит можно парсить и не бояться

а что нужно? разные url? или dynamic url? какой конечный результат то нужен

ну вот в админке создал новость, там прикрепил картинку и добавил текста по апи получил список новостей и посторил их картинку показало но к ней прилагались стили как например размер а ангуляр вырезает их, и в итоге картинка не в том размере такое уже делал из iframe перед тем как стоил дум я проганял через DomSanitizer каждый кусок html (iframe) и лишь после того кидал в переменную через которую уже ngfor делал

+ все это делао приходится вставлять вот так <div [innerHTML]=news.description></div> innerHTML потому что приходит мне часть разметки html если сделать через {{}} то вставится как текст

Как экстендить RouterOutlet?

Забирайте книгу сегодня бесплатно https://leanpub.com/router/c/connect

книга свежая?

а то я некоторые ответы только в его блоге находил

Книгу он закончил может пару недель тому назад, так что свежее не бывает

Там вроде нет preloading, но он вообще вот только в beta попал пару дней назад

Слайды с его же доклада https://docs.google.com/presentation/d/1kp7sbxcEpTaOEgW95RHMFMxsihGdk-8Nlug62PDjgFw/edit#slide=id.g1721703982_0_771

ага увидел что 23 сентября

спасибо за линк! оч круто

кому влома на сайт заходить)

Ну это лучше убрать. Потому как книга все же платная по факту. Тут уже это обсуждалось.

Ну или убрать позже

ну ок-ок)

Ну и для тех кто второй день подряд игнорирует Angular Connect - видео с двух потоков и Keynote c предыдущего дня! ( он не вошел в запись ) https://www.youtube.com/watch?v=xQdV7q3e_2w Track One https://www.youtube.com/watch?v=HVz9CYTSFek Track Two https://www.youtube.com/watch?v=KekdTN2IkZg

Как экстендить RouterOutlet?

А, надо guards использовать, да

https://angular.io/docs/ts/latest/guide/security.html Content-Security-Policy Верно понял что если добавить этот заголовок то не нужно будет запускать DomSanitizer

А, надо guards использовать, да

в 99.9% да.. а какой кейс?

https://angular.io/docs/ts/latest/guide/security.html Content-Security-Policy Верно понял что если добавить этот заголовок то не нужно будет запускать DomSanitizer

Нет - CSP защищает лишь от определенного набора векторов атак. Он так-же помогает защититься от определенной части XSS уезвимостей - но не от всех Так-же CSP чтобы работать нужна поддержка в браузере - а она пока пичальная ( особенно для CSP v2 ) http://caniuse.com/#search=csp

в 99.9% да.. а какой кейс?

есть идеи как тогда сказать что вот по таким урлам можна доверять? или хотя бы глобально отлючить эту защиту

есть идеи как тогда сказать что вот по таким урлам можна доверять? или хотя бы глобально отлючить эту защиту

отключать защиту и доверять всем урлам плохая идея. очень Но если сильно нужно можно делать вот так <img class='photo-img' [hidden]="!showPhoto1" [src]='sanitizer.bypassSecurityTrustUrl(theMediaItem.photoURL1)'> или вот так this.media['safeURL'] = this.sanitizer.bypassSecurityTrustUrl(this.media.VideoURL); <iframe [src]='media.safeURL' ...

ну например хотя бы задать для такого урла а все другие пусть проверяет /api/**

ну например хотя бы задать для такого урла а все другие пусть проверяет /api/**

можно пример шаблона который хотите показать? пока непонятно почему пример приведенный выше вам не подходит

Вот пример сервиса, их много и для каждого свой /api/url Можна например в каждом сервисе сделать так this.safe.bypassSecurityTrustUrl(this.benefits_url)Или что то в этом духе А в компоненте уже получаю результат из сервиса который "помечен" как защищен и без костылей вставлять контент @Injectable() export class BenefitsService { readonly benefits_url = '/api/benefits' constructor(private http: Http, private safe: DomSanitizer) { } getAll(): Observable<IBenefits> { return this.http.get(this.benefits_url) } get(slug: string): Observable<IBenefit> { return this.http.get(`${this.benefits_url}/${slug}`) } }

// This seems to work to disable the sanitizer (i.e. you know all inputs are safe): import { Injectable, provide } from '@angular/core'; import { DomSanitization, SecurityContext } from '@angular/platform-browser'; @Injectable() export class NoSanitization { sanitize(ctx: SecurityContext, value: any): string { return value; } } export const NO_SANITIZATION_PROVIDERS: any[] = [ provide(DomSanitization, { useClass: NoSanitization }), ]; // Then import and add NO_SANITIZATION_PROVIDERS to bootstrap. Это правда выключит все ( но можно поиграться и сделать данный вариант чуть секюрнее )

Вот пример сервиса, их много и для каждого свой /api/url Можна например в каждом сервисе сделать так this.safe.bypassSecurityTrustUrl(this.benefits_url)Или что то в этом духе А в компоненте уже получаю результат из сервиса который "помечен" как защищен и без костылей вставлять контент @Injectable() export class BenefitsService { readonly benefits_url = '/api/benefits' constructor(private http: Http, private safe: DomSanitizer) { } getAll(): Observable<IBenefits> { return this.http.get(this.benefits_url) } get(slug: string): Observable<IBenefit> { return this.http.get(`${this.benefits_url}/${slug}`) } }

Просто в компонентах где используешь this.data.benefits_url напиши <a [href]='sanitizer.bypassSecurityTrustUrl(this.data.benefits_url )'>

Зараз это так решаю ngOnInit() { this.sub = this.StreamsService.getAll().subscribe(result => { result.items.forEach((stream, index, streams_arr) => { streams_arr[index].code_stream = this.DomSanitizer.bypassSecurityTrustHtml(stream.code_stream) this.streams = streams_arr }) }) }в code_stream лежит разметка iframe перебираю и помечаю это поле и потом можна вставлять в темлпейт А хотелось бы еще на уровне сервиса пометить тот урл по которому он будет фетчить данные и все что он получит уже safe и в компоненте не прийдется делать перебор

Всем привет. Вопрос к тем, кто знаком с OData v4. Есть ли библиотеки, которые позволяют формировать запросы в соответствии с этим протоколом? Т.е. меня конкретно интересует автоматическое создание сервисов в соответствии с описанием в metadata. Если не совсем понятно - приведу аналогию. Есть Swagger; это по сути спецификация к REST. Есть целый набор библиотек, которые пожирая эту спецификацию формируют набор сервисов с готовыми запросами. Вот я ищу примерно такую же вещь, только для протокола OData и под Angular 2.

Ребят, каким образом можноустановить значение поля в model-driven form уже после того, как она была инициализирована?

Ребят, каким образом можноустановить значение поля в model-driven form уже после того, как она была инициализирована?

там что-то типа patchUpdate есть

Вот не смог пока достверный синтаксис нагуглить.

Ребят, каким образом можноустановить значение поля в model-driven form уже после того, как она была инициализирована?

form.setValue(value) - можно как поле Control, так и group ака форма

Вот не смог пока достверный синтаксис нагуглить.

fullUpdate() { this.form.patchValue({firstName: 'Partial', password: 'monkey'}); } partialUpdate() { this.form.patchValue({firstName: 'Partial'}); }

Спасибо.

нашел вот тут, если что http://blog.angular-university.io/introduction-to-angular-2-forms-template-driven-vs-model-driven/

Так а что искать, если все есть просто в автодополнении!?

можно из темплейта как-то получить доступ к статическому классу?

Так а что искать, если все есть просто в автодополнении!?

ну я сначала читал про формы, а потом пробовал :)

точнее к статическому филду у класса

точнее к статическому филду у класса

Ну если класс добавлен в проперти компонента

Мы говорим про отдельный класс или это компонент?

Всем привет The page at '.../posts' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint '..../api/1.0/posts/'. This request has been blocked; the content must be served over HTTPS.

Кто-то сталкивался с такой проблемой? Прочитал что нужно еще настройки передавать с гетом, но найти не могу

getPosts(): Promise< Post[] > { //return Promise.resolve(POSTS); return this.http.get(this.postUrl) .toPromise() .then( response => response.json() as Post[] ) .catch(this.handleError); };

Все, это я затупил

postUrl прописал с http

Делюсь своими впечатлениями после первой попытки покрыть тестами UI компоненты - ng2 тут торт. Отличные встроенные инструменты для тестирования, модульность и DI упрощают написание тестов невероятно, UI элементарно тестируется unit тестами покрывая все браузерные взаимодействия пользователя. Я прям доволен в общем.

Делюсь своими впечатлениями после первой попытки покрыть тестами UI компоненты - ng2 тут торт. Отличные встроенные инструменты для тестирования, модульность и DI упрощают написание тестов невероятно, UI элементарно тестируется unit тестами покрывая все браузерные взаимодействия пользователя. Я прям доволен в общем.

По какой доке-статье все это делал? Или все сам?

Добрый вечер...

Посоветуйте книгу по ангуляру или сайт

Понимаю англ и рус...

Посоветуйте книгу по ангуляру или сайт

https://angular.io

Благодарю

в 99.9% да.. а какой кейс?

аутентификация, я еще с новым роутером просто не пробовал, но нашел тут про auth.guard

По какой доке-статье все это делал? Или все сам?

В новой доке все здорово описано - https://angular.io/docs/ts/latest/guide/testing.html

уже после посмотрел доклад с angular connect по тестированию и по сути не узнал ничего нового

все в доке есть

единственный неочевидный момент был с тем как из UI сымитировать заполнение инпута

el.value = newValue el.dispatchEvent(new Event('input'))

el: HTMLElement

в доке этого нет

т.е можно конечно через conponentInstance поменять проперти которое на [(ngModel)] биндится, но хочется имеено UI протестировать как реальный пользователь в браузере

?

внимание, вопрос! Ангуляр делает redraw дива, если изменился параметр или просто его обновляет?

т.е. у меня у дива [style.top]="item.x", при изменении x он просто стиль поменяет или отрисует заного?

Хороший вопрос

Скорее всего, отрисует заново, но прямой пруф дать не смогу.

Стиль поменяет конечно, только надо не забыть указывать юниты [style.top]="item.x + 'px'"

Хотя что ты подразумеваешь под redraw, если браузерный repaint то да, он произойдет. Если имеешь в виду что в доме произойдет замена дива на новый то нет, div останется тот же.

Компилятор ангуляра из шаблона генерирует js код в котором будет выражение вида div_el.style.top = context.item.x + 'px';

А с AOT компилятором будет сгенерен TS и при компиляции TS ещё и проверит все эти выражение

На типы и вообще есть ли в компоненте item.x

Будет что-то типа let context: MyComponent

Если я правильно понял из доки то изменять Dom структуру динамически, создавать/удалять ноды могут только директивы с префиксом * - например *ngFor, *ngIf

А в ангуляре в темплейтах есть простой loop от 1 до n?

+1 к вопросу... пока нашёл только костыли... конечно можно директивку запилить... но всё равно велосипед

http://stackoverflow.com/questions/36354325/angular-2-ngfor-using-numbers-instead-collections

самая большая энциклопедия костылей, спасибо)

кстати, что лучше внутри *ngFor юзать, #i или let i?

https://angular.io/styleguide