Так не руками это делать
ааа. да да это я делаю
Андрей
Андрей
С делов? Есть uglify, ещё куча
да uglify или что то типо того. я не заглядывал в гулп не знаю что юзают но код на вызоде минифициорван это точно
Алексей
Привет. Подскажите пожалуйста, только начал изучать angular и встал вопрос как добавить данные в таблицу по итогу http запроса. делаю:
$scope.table = result; //Добавляю в переменную массив строк
А в самой таблице делаю ng-repeat="t in $table"
В итоге записи не добавляются.
Bogdan
Убери доллар перед table в шаблоне
Андрей
Привет. Подскажите пожалуйста, только начал изучать angular и встал вопрос как добавить данные в таблицу по итогу http запроса. делаю:
$scope.table = result; //Добавляю в переменную массив строк
А в самой таблице делаю ng-repeat="t in $table"
В итоге записи не добавляются.
1) что в result надо убедиться
2) "t in table"
Bogdan
Благодарю. А в каком случае доллар ставится?
Вообще не понимаю о чем ты) если в названии переменных он есть - тогда и ставится)))
Bogdan
Вообще, есть соглашение что так именуются внутриангуларовские компоненты
Алексей
Вообще не понимаю о чем ты) если в названии переменных он есть - тогда и ставится)))
Просто это существующий проект и делал по примеру. Там таблица ng-foreach = d in $data
Предположил, что и в моем случае нужно действовать так же =)
Андрей
Просто это существующий проект и делал по примеру. Там таблица ng-foreach = d in $data
Предположил, что и в моем случае нужно действовать так же =)
ну во первых это ошибочно. никто вас не заставляет повторять чьи-то заблуждения. но если уж очень хочеться то
$scope.$data = bla-bla-bla
ng-foreach = d in $data
Алексей
Nurlan
Здраствуйте
Nurlan
Тут могут помочь с вопросам п AngularJS?
Nurlan
с вопросом по AngularJS
Bogdan
Тут могут помочь с вопросам п AngularJS?
Не, чат создавался что бы в нем задавали такие вопросы
Nurlan
Ок сарказм понял
Nurlan
Я сейчас изучаю стек MEAN в связи с чем возник вопрос
Nurlan
Не знаю как сделать список чтобы выбирать значение из select на html и через контроллер передавать в nodejs и оттуда в mongodb
Nurlan
Пока добавление реализовал так:
Nurlan
HTML:
Nurlan
<form name="ADD-GOODS">
<h2>Для добавление продукта в базу заполните поля ниже и нажмите кнопку сохранить.</h2>
<input type="text" ng-model="vm.name" placeholder="Наименование продукта">
<input type="text" ng-model="vm.description" placeholder="Описание продукта">
<input type="text" ng-model="vm.category" placeholder="Категория продукта">
<input type="text" ng-model="vm.price" placeholder="Цена продукта">
<select ng-model="vm.img" ng-options="img for img in vm.images"> Выберите
</select>
Nurlan
вот что в файле контроллера ангуляр
Nurlan
var pizza = './images/pizza.svg';
var drinks = './images/drinks.svg';
var salad = './images/salads.svg';
var sushi = './images/sushi.svg';
vm.images =[pizza,drinks,salad,sushi];
vm.save = function(){
console.log('Here', vm.name, vm.description, vm.category, vm.price, vm.img);
var obj = {
name: vm.name,
description: vm.description,
category: vm.category,
price: vm.price,
img: vm.img
};
$http.post('api/shop', obj).success(function(data){
vm.products.push(data);
console.log(data);
Nurlan
вот что в скрипте на сервере
Nurlan
app.post('/api/shop', function(req,res, next){
console.log(req.body);
new Product ({
name: req.body.name,
description :req.body.description,
category:req.body.category,
price:req.body.price,
img:req.body.img
Nurlan
Вот сама модель
Nurlan
var mongoose = require('mongoose');
var productSchema = new mongoose.Schema({
name: String,
description :String,
category: String,
price: Number,
img: String
});
module.exports = mongoose.model("Product", productSchema);
Nurlan
Сейчас я могу выбирать картинку товара и она добавляется
Nurlan
только у меня вместо заданных pizza, drinks и тд в списке содержимое показывает например вместо pizza, показывает var pizza = './images/pizza.svg';
Nurlan
Понимаю что то сделал не то но что не знаю
Nurlan
хотя конечная цель достигнута при добавлении записей все добавляется
Bogdan
Не знаю как сделать список чтобы выбирать значение из select на html и через контроллер передавать в nodejs и оттуда в mongodb
Вот вообще ничего не понял что то
Nurlan
сейчас
Bogdan
Надо, типа, множество элементов выбрать? Количество изображений должно меняться тли что
Nurlan
Nurlan
Посмотрите на список пожалуйста
Bogdan
Смотрю, окей
Nurlan
как чтобы элементы списка нормально назывались
Bogdan
И на сервере или клиенте формировать адрес к картинке
Nurlan
просто у меня поле img в базе хранит путь до картинки
Nurlan
я пробовал такой вариант:
Nurlan
<!-- <select size="1" value="1" form="ADD-GOODS" >
<option >Выберите категорию товара</option>
<option value="./images/pizza.svg" ng-model="vm.img">Пицца</option>
Bogdan
Храни саму картинку, а фронт уже пускай разруливает отображение
Nurlan
а как это сделать?
Nurlan
как мне выбирать картинки допустим я добавляю товар в базу
Nurlan
мне нужно выбрать картинку
Bogdan
ng-src
Nurlan
как это реализовать
Nurlan
хорошо попробую
Nurlan
спасибо
Bogdan
Для отображения картинки используй эту директиву
Bogdan
В контроллере реализуй функцию, что вернёт путь к картинке и вызывай ее в этой директиве
Bogdan
А в эту функцию непосредственно название нужной картинки параметром передавай
Bogdan
Что то вроде
img(ng-repeat=“image in images” ng-src=“getPathToImage(image)”)
Bogdan
В контроллере vm.getPathToImage = (image) => `./images/${image}.png`
kdm🇩🇰
Привет. Кто юзал stream response ? какие либы есть? нагуглил Oboe.js . Хочу рендерить chunck данных пока идет запрос
Алексей
Привет. В гугле не нашел. Подскажите, что нужно сделать, что бы в таблице появилась пагинация? И обязательно ли при пагинации ограничивать кол-во данных на сервере?
Rem1te
Привет. В гугле не нашел. Подскажите, что нужно сделать, что бы в таблице появилась пагинация? И обязательно ли при пагинации ограничивать кол-во данных на сервере?
Сделать компонент/директиву с пагинацией, и реализовать логику пагинации
Можете взять готовые варианты из интернета, в гугле полно вариантов под нг1
Нет Вы можете реализовать разбивку по страницам непосредственно на фронте, если конечно это не 100к элементов прилетающих по ХТТП
Алексей
Сделать компонент/директиву с пагинацией, и реализовать логику пагинации
Можете взять готовые варианты из интернета, в гугле полно вариантов под нг1
Нет Вы можете реализовать разбивку по страницам непосредственно на фронте, если конечно это не 100к элементов прилетающих по ХТТП
Спасибо. А как сделать, что бы разметка пагинации отобразилась в таблице? Что то не особо понял.
Rem1te
Что Вы подразумеваете под разметкой? Циферки со страничками ? Самому сделать :)
Алексей
Rem1te
я не знаю как лично у Вас реализована пагинация, поэтому мне тяжело подсказать
Вы можете скинуть код и я по возможности гляну что у Вас там
Алексей
никак не реализована. Я просто добавил ng-table
Алексей
И это все появилось
Rem1te
Вы используете это решение?
http://ng-table.com/#/
Алексей
Ага
Алексей
Извини, что изначально даю неполную информацию. Просто я еще совсем зеленый в ангуляре
Алексей
Я сейчас просто дорабатываю решение и на этой же странице необходимо добавить еще одну таблицу
Rem1te
http://ng-table.com/#/pagination/demo-pager-basic
На этой странице приведене Codepen с ХТМЛ и ДЖС кодом, Вы можете посмотреть как это реализовано там
Обратите внимание что для создания пагинации в обьекте настроек они передают NgTableParams обьек
Со следующими настройками
var initialParams = {
count: 5 // initial page size
};
var initialSettings = {
// page size buttons (right set of buttons in demo)
counts: [],
// determines the pager buttons (left set of buttons in demo)
paginationMaxBlocks: 13,
paginationMinBlocks: 2,
dataset: simpleList
};
Алексей
Спасибо. Попробую разобраться сейчас
Anonymous
Ну что ты, братишка, притих? Работаешь на дядю? Тимлид мудак? Работа на галере приносит деньги, но не удовлетворения? Хочется уже делать что-то интересное, по кайфу? Вероятно, мы можем помочь тебе с этим, если ты поможешь нам. В команду бродяг-энтузиастов гаражного кодинга мы ищем:
— React-программиста, который знаком: React
необязательно: async/await, es6, mobx
Годный pet-project уровня/b с понятной инфраструктурой, ясным кодом, гитхабом и трелло ждет тебя. C нас, конечно же, два чая, аниме-стикеры и шутки уровня /b. Красивый гитхаб, море звезд, и понятный roadmap в мире охуенных стартапов ждут тебя.
Получи шанс поработать со звездными фуллстаками и опытными сеньорами — конечно же, за идею.
тг @anon4k
Максим
Тут не реакт, а ангулар первый.. + для этого есть чат отдельный
Максим
@javascript_jobs
@react_js
Nurlan
Добрый день, подскажите насколько актуален сейчас AngularJS, легко ли будет найти работу зная стек MEAN c Angular JS, а то четкие пацаны говорят мол шестой ангуляр чисто по понятиям ну или реакт
Oleg
Добрый день, подскажите насколько актуален сейчас AngularJS, легко ли будет найти работу зная стек MEAN c Angular JS, а то четкие пацаны говорят мол шестой ангуляр чисто по понятиям ну или реакт
На первый пока еще есть спрос, куча компаний имеет легаси на первом, но чем дальше тем ниже будет спрос. Если у тебя стоит выбор учить первый или шестой - без вариантов учить шестой
Nurlan
На первый пока еще есть спрос, куча компаний имеет легаси на первом, но чем дальше тем ниже будет спрос. Если у тебя стоит выбор учить первый или шестой - без вариантов учить шестой
Я сейчас на курсы хожу там нам первый ангуляр преподают, мол он самый лёгкий, самому мне больше backend нравится.
Oleg
первый, в принципе, легче 6, да. но если уж исходить из того что легче - почему вам вуй не преподают?)