Можете помочь? Я недавно начал разбираться с ангуларом, поставил angular webpack starter kit, конфигурировал под себя . Но вот не могу придумать, как туда интегрировать Color Admin (Jquery, Bootstrap и много дргуих зависимостей для разных компонентов. )

Можете помочь? Я недавно начал разбираться с ангуларом, поставил angular webpack starter kit, конфигурировал под себя . Но вот не могу придумать, как туда интегрировать Color Admin (Jquery, Bootstrap и много дргуих зависимостей для разных компонентов. )

А зачем?

насколько я понял это тема на бутстрапе, так что html/css используй как есть, а про jquery лучше забудь

А зачем?

Ну задача такая)

Там плагинов много

Если так хочется её использовать - повесить на отдельные урлы

Просто на кой хер ангуляр для неё нужен

ui компоненты (логику) либо пиши сам создавая свои компоненты

либо бери из ng2-bootstrap

или любую другую ui библиотеку на бутстрапе под ng2

они тебе все подойдут

Просто на кой хер ангуляр для неё нужен

Много работы с данными. Хочется нормально поддерживать в будущем. Нужны будут тесты.

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

тут не должен стоять вопрос нужен ли тут ангуляр, конечно нужен, это всего лишь html/css тема

т.е использую ее как верстку

тут не должен стоять вопрос нужен ли тут ангуляр, конечно нужен, это всего лишь html/css тема

Нет, это целый набор компонентов

а логику как я уже написал бери из ng2-bootsrap либо сам пиши свои компоненты

Нет, это целый набор компонентов

они на jqury, поэтому в твоем случае это просто верстка

а логику как я уже написал бери из ng2-bootsrap либо сам пиши свои компоненты

Понял. Попробую.

не надо пытаться использовать как есть этот JS говнокод из темы в своем кашерном приложении на angular

у меня такая же тема

на бутстрапе

в рабочих проектах используется

беру оттуда только html/css

Ну нихуясебе jquery

Ну тогда, получается, использовать ng2-bootstrap, и штопать свои компоненты из color admin

И в каждом компоненте подгружать другие зависимости (там их много)

Например d3 в charts

Найдите аналоги для Ангуляра, это будет лучше, чем писать врапперы для jQuery

Блин, думал есть способ попроще.

да не надо писать враперы для jquery, есть ng2-bootstrap с кучей типовых комопнент

что-то нестандартное напишешь сам

кастомным компонентом

Да есть вариант на самописном фреймворке писать. Но переживаю за поддержку в будущем .

хм, в описании color admin пишут "AJAX + HTML + ANGULAR + ANGULAR 2 Version"

т.е там из коробки и angular2 компоненты должны быть

Да у меня версия angular 1

У color admin я имею ввиду

а приложение ты хочешь на ng2 делать?

Да

ну и забей, что-то найдешь в ng2-bootstrap, что-то сам допишешь используя верстку из color admin

если верстка есть то написать свой компонент не проблема

для графиков тоже найдешь много либ

я d3 не использую, делаю графики на highcharts

есть для ng2 обертка

для d3 тоже должна быть

Ситуация такая. Проект. Очень большой. Без дизайна, сказали использовать color admin. Его давно купили, сейчас только исходники валяются. Ещё сказали что сделать нужно ооочень быстро. Начальник сказал, что на самописном фреймворке будем штопать говно. Я взялся на ng2 натянуть.

Хорошо, спасибо за советы!)

И еще вопрос=)

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

быстро быстро

Что тут less не нравится?)

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

Бэк будет так же быстро быстро=)

ну ок)

у тебя этот файл в exclude

он же в src/styles/

соответственно его less лоадер и не обрабатывает

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

Не, закомментированный exclude не помог

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

Всё верно

Но для scss лоадеров всё работало исправно, https://github.com/AngularClass/angular2-webpack-starter, только на less заменил

странно, там я вижу include

https://github.com/AngularClass/angular2-webpack-starter/blob/master/config/webpack.dev.js#L115

а у тебя exclude

и вообще я бы советовал использовать официальный angular-cli

хоть он и в бете еще но работает вцелом норм

думаю, перейду на него, как только время будет=)

https://github.com/AngularClass/angular2-webpack-starter/blob/master/config/webpack.common.js#L149

значит в деве нужно править?

Всё, разобрался! Огромное спасибо @bro_science

нужно было во всех конфигах поправить, а не только в common

логично)

anyone can help me? i'm trying to save a picture using http but i'm having troubles

anyone can help me? i'm trying to save a picture using http but i'm having troubles

Try this to get files //our root app component import {Component} from 'angular2/core' @Component({ selector: 'my-app', providers: [], template: ` <div> <h2>Hello {{name}}</h2> <input type="file" (change)="onFileChange($event)" /> </div> `, directives: [] }) export class App { constructor() { this.name = 'Angular2' } onFileChange(ev){ console.log(ev.target.files); // list of files } } to upload files uploadFile(file:File):Promise<MyEntity> { return new Promise((resolve, reject) => { let xhr:XMLHttpRequest = new XMLHttpRequest(); xhr.onreadystatechange = () => { if (xhr.readyState === 4) { if (xhr.status === 200) { resolve(<MyEntity>JSON.parse(xhr.response)); } else { reject(xhr.response); } } }; xhr.open('POST', this.getServiceUrl(), true); let formData = new FormData(); formData.append("file", file, file.name); xhr.send(formData); }); }

i'm trying this

using http service from Angular2

upload(userId) { let inputEl: HTMLInputElement = this.el.nativeElement.querySelector('[type="file"]'); let fileCount: number = inputEl.files.length; let formData = new FormData(); formData.append('userId', userId); console.log(formData); if (fileCount > 0) { // a file was selected for (let i = 0; i < fileCount; i++) { formData.append('file', inputEl.files.item(i)); } return this._http.post('http://localhost/pets2homeback/public/api/uploadFiles', formData); } }

but I don't know how to get the files in backend

i'm using Laravel 5.3

i'm using Laravel 5.3

Sorry, I can't help you with PHP (here some links that might be helpfull) https://laravel.com/docs/5.3/requests#retrieving-uploaded-files http://php.net/manual/en/features.file-upload.post-method.php

Пытаюсьподключить стили бутстрапа, но вот комментарии в нём не переваариваются, не подскажите, в чём проблема?

а у вас лоадеры в том порядке идут?

помоему надо их местами помнять, кажется он css сначало применить пытается

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

Angular material использует кто ?

Я использовал. Он ужасен

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

Да, нашёл проблему. Я не подключил миксины и переменные. Непонятно почему он на комментарий ругался

альтернативы angular material ?

Prime какой-то все юзают