1. нужно создать отдельный шаблон для списка стран (что-то типа list-countries.html) 2. в app.config настроить для новой страницы роутинг и сделать на неё редирект по умолчанию (сейчас там $routeProvider.otherwise('/')) 3. убрать из index всё что касается списка стран и оставить только <ng-view></ng-view> (туда будет подгружаться либо список стран либо деталировка)

https://gist.github.com/elado/8138516

МОжет кто-то обьяснить как работает код в этом гисте

МОжет кто-то обьяснить как работает код в этом гисте

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

я кофи не знаю, но все понятно

Во тда

Инжектятся все зависимости регистрируется контроллер

name ?= @name || @toString().match(/function\s*(.*?)\(/)?[1]

Но вот это я не могу понять

@$scope[key] = fn.bind?(@) || _.bind(fn, @) тоже не пойму

Перл

Viktor , еще раз спасибо

Мир всем, я Исмаил, жуниор девелопер, буду вас вопросами поливать

Ок

@$scope[key] = fn.bind?(@) || _.bind(fn, @) тоже не пойму

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

name ?= @name || @toString().match(/function\s*(.*?)\(/)?[1]

получение названия текущего контроллера или используем тот что задан, или регуляркой получаем текущий если не задан отдельно

Возможно ли сделать такой роутинг (относительный путь на относительном пути)? $stateProvider .state('app', { url: '/app' }) .state('app.nested, { url: '/:nested' }) .state('app.nested.sub', { url: '/:sub' })

Возможно ли сделать такой роутинг (относительный путь на относительном пути)? $stateProvider .state('app', { url: '/app' }) .state('app.nested, { url: '/:nested' }) .state('app.nested.sub', { url: '/:sub' })

да

Возможно ли сделать такой роутинг (относительный путь на относительном пути)? $stateProvider .state('app', { url: '/app' }) .state('app.nested, { url: '/:nested' }) .state('app.nested.sub', { url: '/:sub' })

что бы был вложенный роутинг на каждом уровне вложенности, в шаблоне, нужно добавлять ng-view

что бы был вложенный роутинг на каждом уровне вложенности, в шаблоне, нужно добавлять ng-view

ui-view

ui-view

Точно, благодарочка

▫️Изучаю JS ▫️Хочу освоить MEAN ▫️Я могу переводить стати с английского. ▫️Сообщество мне интересно всем. ▫️Я из Киева ▫️Групу нашел в Интернете #whois

Ребята, есть несколько однотипных действий, например действие по 'escape' var body = document.querySelector('body'); body.onkeydown = function (e){ используется в нескольких контроллерах хочу вынести в отдельный сервис, но так как сервисы, фабрики работают по сути как функция, отдают значения что в таком случаи используют? чтобы определенный модуль следил за определенными действиями

может лучше директиву написать?

может, я просто не фронтэндер, а здесь даже директивы прописаны ф-циями (function(){ 'use strict'; angular .module('buzz') .directive('sendnotification', sendnotification); function sendnotification($rootScope, $timeout, animateAndStyleService){ return{

может, я просто не фронтэндер, а здесь даже директивы прописаны ф-циями (function(){ 'use strict'; angular .module('buzz') .directive('sendnotification', sendnotification); function sendnotification($rootScope, $timeout, animateAndStyleService){ return{

ну так функция возвращает js объект описывающий директиву) В чем проблема то) Можно сразу, кажется, объект вставлять так же

может, я просто не фронтэндер, а здесь даже директивы прописаны ф-циями (function(){ 'use strict'; angular .module('buzz') .directive('sendnotification', sendnotification); function sendnotification($rootScope, $timeout, animateAndStyleService){ return{

(function(){}) - это просто замыкание области видимости, в ней объявляется директива, можно, например, в этом же месте создать ещё одну директиву, которая будет обрабатывать событие onkeydown, только в ней лучше писать не document.querySelector('body'), а борабатывать тот элемент для который директива действует (если restrict: 'A' будет, конечно)

(function(){}) - это просто замыкание области видимости, в ней объявляется директива, можно, например, в этом же месте создать ещё одну директиву, которая будет обрабатывать событие onkeydown, только в ней лучше писать не document.querySelector('body'), а борабатывать тот элемент для который директива действует (если restrict: 'A' будет, конечно)

ясно, выходит так же работают и сервисы и фабрики, только в нужный контроллер нужно передавать директиву, сервис чтобы она ссылалсь на контроллер

ясно, выходит так же работают и сервисы и фабрики, только в нужный контроллер нужно передавать директиву, сервис чтобы она ссылалсь на контроллер

сервисы, фабрики - это больше для работы с данными, например: запросы на сервер, данные нужны в разных контроллерах и не хочется (нельзя) использовать $rootScope, какие то общие вычисления директивы - для работы с dom, директивы бывают разные можешь почитать по ссылке ниже, в твоем случае направшивается restrict: 'A' - т.е. после того как напишешь директиву, сможешь её использовать на тэге body как обычный html атрибут, примерно так: <body onCheckDownMySuperPuperDirective> ... </body> http://angular-doc.herokuapp.com/guide/directive

в общем, пока не сделаешь простенький проект "для себя", то особо и не разберешься как взаимодействуют директивы, сервисы, контроллеры и т.д.

сервисы, фабрики - это больше для работы с данными, например: запросы на сервер, данные нужны в разных контроллерах и не хочется (нельзя) использовать $rootScope, какие то общие вычисления директивы - для работы с dom, директивы бывают разные можешь почитать по ссылке ниже, в твоем случае направшивается restrict: 'A' - т.е. после того как напишешь директиву, сможешь её использовать на тэге body как обычный html атрибут, примерно так: <body onCheckDownMySuperPuperDirective> ... </body> http://angular-doc.herokuapp.com/guide/directive

спасибо за развернутый ответ

Нужна консультация по архитектуре. Например, есть некий набор виджетов, которые завернуты в компоненты. У нас есть некая форма, в которой в зависимости от типа поля - рендерится соответствующий компонент. <date-time-widget field-data="vm.formData.dateField></date-time-widget>Собственно, односторонний биндинг здесь не изменит formData.dateField. Двусторонний - вроде не расово использовать. Как тут поступить?

кстати. Может я не верно понял. Но, я такую штуку решал с помощью $compile и switch в кач-ве рулевого

причем делал именно для компонентов

делал так, потому что очень удобно

Тут вопрос не в динамическом рендеринге компонентов, а скорее - как изменить сами данные у формы. Например, в биндинг виджета приходят данные: <widget data="vm.formData.name"/>Когда мы меняем данные в виджете, они получаются изолированными, потому что приходят туда через односторонний биндинг('<') и собственно vm.formData.name не поменяется. Вопрос именно архитектурный.

тогда либо колбеком отправляй в родителя "&" либо "="

Ну это же получается противоречит концепции: 'только односторонние биндинги'. В случае с миграцией на 2й будут проблемы.

Поэтому я и хочу понять, как такие кейсы будут работать в случае со вторым ангуляром

если тебе важно, чтобы твоя обновленная дата из компонента, оповещала родителя, в котором вызван этот компонент, то придется смириться с двунаправленной связью, либо с вызовом родительной функции внутри компонента, а в этой функции ты можешь закинуть свежую дату, чтобы обновить дату в род. контроллере

может быть я для тебя кеп вещь написал, но больше особо вариков не вижу

Я вот тоже больше вариков не вижу. Но все это противоречит концепции односторонних биндингов. Может, вообще так делать не стоит?

В смысле держать виджеты в компонентах

ребят вы eventEmitter паттерн имплементили в ангуляр не могу вспомнить как сделать чтобы при авторизации без обновлении страницы имя и фамилия юзера появилась в панеле хедера

Попробуй опустить колбек, по сути так работает и реакт со своими компонентами и ангуляр 2

Как вариант, нужно максимально приблизить реализацию всего ко 2-му

Спасибо

Ребят, нужен ресурс что б ангулар жс подучить, только годный и не старый, незнаете таких? Желательно что бы обучалка была, а не просто документация

Ребят, нужен ресурс что б ангулар жс подучить, только годный и не старый, незнаете таких? Желательно что бы обучалка была, а не просто документация

https://egghead.io/lessons

и конечно родной туториал

Какой туториал

Родной вроде в ангулар.ио тока?

Но там не жс

ну как, вот этот: https://docs.angularjs.org/tutorial

с него и начни пожалуй

а еще вот небольшой бесплатный курс на codeSchool: https://www.codeschool.com/courses/shaping-up-with-angularjs

Ой спасибо

Ребят, нужен ресурс что б ангулар жс подучить, только годный и не старый, незнаете таких? Желательно что бы обучалка была, а не просто документация

Зачем AngularJs учит? Почему не Angular 4x?

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

На 4 не перешли еще

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

ng-metadata не рассматривали?

Эмм

А это что было? (

https://github.com/ngParty/ng-metadata

Ого, полезная штука поход

https://github.com/ngParty/ng-metadata

спасибо, прочекаем. А вы пробовали, помогает мягко перевести проект?

спасибо, прочекаем. А вы пробовали, помогает мягко перевести проект?

Мы сами с помощью него перелазим. Очень помогает при большой кодовой базе. Но тут свои нюансы.

Нюансы в том что первый и второй ангуляр по-разному работают

Как по мне так лучше мигрировать с помощью гибридного приложения

Нг метадата крутая штука Очень рекомендую использовать. Буду на нем сидеть пока полностью не перенесут ангулар материал на старшие версии ангулара

ребят подскажите плиз, переживаю что растет к-во watcher-ов на странице , но отказаться от их функционала не могу, где то читал что $watch так себе подход, но как выкручиваться из ситуации когда нужно сделать действие в момент изменения переменной которая вотчится

вариантов немного... сеттеры, rxjs

откажись от них - сеттеры, коллбэки, ng-change

ватчеры порождают хаос

а есть где почитать на эту тему *

?

как отказаться

просто опой чую

сколько сейчас их?

что это не оч решения ватчить все кругом )

нц щас 2 на стр )

2 ng-model отслеживаю и аяксом запрашиваю данные

Всем привет ребята

Кто попробовал AngularJS yeoman генератор?

2 ng-model отслеживаю и аяксом запрашиваю данные

watch на ng-model... так себе... замени на ng-change

а если изменения происходят не на фронте ?