Vegeta
А стоит ли этим пользоваться? Всё равно же с нуля переписывать или нет?
Nikolai
типа вот это вариант не работает с декоратором
Какой сборщик так рекваерит темплейты? Темплейт это чисто хтмл или js с module.exports?
Petro
обычный html-loader(webpack)
Nikolai
Эх вебпак
Petro
да, использую накладку с laravel-mix
Petro
там с коробки работает
Vegeta
А я всё на импорты перевел
kuanysh anuarkhanov
Кто юзал google material вместе с Ангуляр?
kuanysh anuarkhanov
или это юзание и называется angular.material
kuanysh anuarkhanov
https://material.angular.io/
Bogdan
это ко второму ангулару
Igor
я юзалъ
kuanysh anuarkhanov
все верно я про 2ой
Igor
https://material.angularjs.org/latest/
Igor
в другой диалог, мил друг
Bogdan
все верно я про 2ой
тебе не в этот чат)
kuanysh anuarkhanov
oops
kuanysh anuarkhanov
link me pls
Igor
@angular_ru
kuanysh anuarkhanov
спс друг
kuanysh anuarkhanov
и пока)
baur.sha
почему href не работает в ngRoute
baur.sha
<ul class="sub-menu" ng-repeat="country in vm.countries"> <li class="sub-footer-item"><a href="countries/{{country.code}}" class="">{{country.name_ru}}</a></li> </ul>
Алексей
<ul class="sub-menu" ng-repeat="country in vm.countries"> <li class="sub-footer-item"><a href="countries/{{country.code}}" class="">{{country.name_ru}}</a></li> </ul>
https://docs.angularjs.org/api/ng/directive/ngHref The wrong way to write it: <a href="http://www.gravatar.com/avatar/{{hash}}">link1</a> The correct way to write it: <a ng-href="http://www.gravatar.com/avatar/{{hash}}">link1</a>
baur.sha
да так тоже не работает
Nikolai
ошибки, консоль?
Nikolai
что выводится в хрефе?
baur.sha
нет
baur.sha
страница тупо обновляется
Nikolai
а. На днях была такая же ебала с .b-роутером у меня
Nikolai
когда блок в ng-if, ссылки обновляли страницу
Nikolai
переделал на ng-show, перестало. Причину не нашёл
Nikolai
аналогичный случай наблюдал, когда шаблон подключался в ng-include
baur.sha
главное вот такая конструкция работает <li class="sub-footer-item"><a href="airports/{{airport.code}}" class="">{{airport.name}}</a></li>
Nikolai
чую, что это связано с новым скопом
baur.sha
аа блять
baur.sha
я забыл дописать :code в роутинке
Nikolai
а в нгроутере нет директивы для ссылки?
Nikolai
типа как ui-sref
Maksym
Привет, как сделать условие в ng_repeat, если список пустой, то вывести один тег <p> <tr ng-repeat="order in orders">
Bogdan
<tr ng-if="orders.length === 0"> <p>123</p> </tr> <tr ng-repeat="order in orders"> </tr>
baur.sha
как сделать чтобы при переходах на между страницами в топ скролилось
baur.sha
всмысле с самого топа была показана страница
Bogdan
как сделать чтобы при переходах на между страницами в топ скролилось
первый ответ в гугле на запрос: angular scroll page to top https://stackoverflow.com/questions/28871434/how-to-scroll-to-top-of-the-page-in-angularjs
baur.sha
то есть не скролилось
baur.sha
а с топа начиналось
Bogdan
а разве оно скролится с анимацией?
Bogdan
просто изменится текущая позиция и все
Bogdan
или что тебе нужно то епта
baur.sha
все помогло спасибо
Maksym
Можно ли сохранить данные введеные в input средствами angular и при обновлении заполнять инпуты?
baur.sha
localStorage
N
Хранилище браузера, оч удобная вещь
baur.sha
кто-нибудь собирал проект на галпе первый ангуляр?
baur.sha
есть бест конфиги?
baur.sha
весь проект переписать на вебпак
baur.sha
и заимплементить импорты
baur.sha
это же пиззда
baur.sha
долго
Bogdan
Ничего страшного За то будешь использовать в будущем правильные инструменты для сборки бандла)
baur.sha
а какой вебпак
Anonymous
на вебапке феерический гемор с шаблонизаторами. Их лучше через gulp/npm/grunt предварительно собрать и сконвертить
baur.sha
третий?
Anonymous
лучше 3
baur.sha
пиздец третий вебпак собирает первый ангуляр
baur.sha
это всеравно что уродливая проститутка в красивой юбке
Anonymous
у нас pug+less разваливается, там же импортить надо всё на свете
Bogdan
у нас pug+less разваливается, там же импортить надо всё на свете
а, ну за такую связку я хз вообще да, все импортить надо)
Anonymous
в итоге кучка костылей на less и импорты особо нежных библиотек в index.html отдельно
Anonymous
может знает кто как правильно женить pug+sass или pug+less на вебпаке?
Bogdan
'use strict'; const webpack = require('webpack'); const loaders = require('./loaders'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const BrowserSyncPlugin = require('browser-sync-webpack-plugin'); const ExtractTextPlugin = require('extract-text-webpack-plugin'); const FaviconsWebpackPlugin = require('favicons-webpack-plugin'); const copyConfig = require('./copy-webpack-plugin.config'); const path = require('path'); const config = { cache: true, watch: true, context: path.resolve(__dirname, '../src'), entry: { app: ['./ts/bootstrap.ts'], vendor: ['./ts/vendor.ts'] }, output: { filename: 'app.bundle.js', path: path.resolve(__dirname, '../dist'), chunkFilename: '[id].chunk.js', }, devtool: 'cheap-module-source-map', resolve: { extensions: ['.ts', '.tsx', '.js', '.jsx', '.json', '.css', '.styl', '.pug'] }, node: { fs: 'empty', net: 'empty', tls: 'empty' }, plugins: [ new HtmlWebpackPlugin({ template: './index.pug', inject: 'body', hash: true }), new BrowserSyncPlugin({ host: 'localhost', port: 8080, server: { baseDir: 'dist' }, ui: false, online: false, notify: false }), new ExtractTextPlugin('[name].styles.css'), copyConfig, new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', filename: 'vendor.bundle.js' }), new FaviconsWebpackPlugin({ logo: './tile.png', persistentCache: true, icons: { android: false, appleIcon: false, appleStartup: false, coast: false, favicons: true, firefox: true, opengraph: false, twitter: false, yandex: false, windows: false } }) ], module: { rules: loaders } }; module.exports = config;
Bogdan
const loaders = [{ test: /\.ts(x?)$/, use: 'awesome-typescript-loader' }, { test: /\.json$/, use: 'json-loader' }, { test: /\.css$/, use: ['style-loader', 'css-loader'] }, { test: /\.styl$/, use: ['style-loader', 'css-loader', 'stylus-loader'], }, { test: /\.pug$/, use: ['raw-loader', 'pug-html-loader'] }, { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, use: 'url-loader?limit=10000&mimetype=yokes/font-woff' }, { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, use: 'file-loader' }, { test: /\.(png|jpg|jpeg|gif|svg|ico)$/, use: 'url-loader' }]; module.exports = loaders;