Posts Tagged ‘Angular’
Як швидко розпочати писати SPA на AngularJS (1)
Тому що чим швидше ми зробимо щось що зможемо помацати поклацати – тим менше сили волі буде треба для підтримки мотивації. (Так, я знаю що писати таку публікацію два роки – то задовго, але краще пізно ніж ніколи. Сподіваюсь що хоча б тому хто буде підтримувати проекти на Angular 1 (а я не впевнений що їх багато мігрує на новіші версії) це знадобиться).
Варто мати встановленим NodeJS. Він має менеджер пакетів npm
. І з його допомогою ми скачаємо всі необхідні бібліотеки. Ми ж перестали шукати софт на сайтах ще коли почали користуватись менеджерами пакетів в Linux, те ж саме ми робимо коли нам треба бібліотека для python, то чим розробка для браузерів гірша?
Тут я був написав кілька абзаців про те як за допомогою npm
поставити bower
(інший менеджер пакетів), але це трохи збочення, бо npm
нас може й сам задовольнити. Тому поки що обійдемось. Let the hacking begin.
Створюємо порожню директорію для нашого проекту, і в ній виконуємо:
npm init
Логуючий фільтр для Angular expression
Вирази в Angular (те що в фігурних дужках і ngBind) – не зовсім те що Javascript. Так каже документація.
Context: JavaScript expressions are evaluated against the global
window
. In Angular, expressions are evaluated against ascope
object.
А тому ми не можемо там використати console.log
. Але можемо написати наприклад такі фільтри:
angular .module('starter') .filter('log', function() { // do not change value, but log it in console return function(input) { console.log(input); return input; }; }) .filter('justlog', function() { // do not render value but log it in console return function(input) { console.log(input); return ''; }; });
Хоча напевне існує якийсь правильніший, вже вбудований спосіб зневадження в Angular. 🙂