recipe app

Angular 4 Книга рецептов применения

Проект вид

> git clone https://github.com/jwill9999/recipe-app.git
> cd recipe-app
> npm install
> ng serve

To Log In to example project 

> User :      [email protected]
> password:   123456

> Create a src/app/services/.configuation file 
> add a FIREBASE AUTHENTICATION config file which you can obtain when you create a firebase app auth account.
> example code can be found in the configuration.example.ts file

Регистрация

Комплексное угловое приложение, охватывающее все обновления Angular 4. Проект фокусируется на ключевых функциях и навыках, необходимых для успешного внедрения современного углового приложения. Код комментируется для легкой ссылки, а ссылки ниже предоставляют дополнительные ресурсы. Полностью функциональные операции CRUD с HTTP Access с использованием RXJS наблюдаются.

Ключевые функции

Компоненты

Authguards

Аутентификация Firebase

Персонализация

Услуги

Образует как реактивный, так и шаблон

HTTP -запросы

Наблюдаемые

Маршрутизация ActivatedRoutes и Params

Декораторы ввода и вывода

CRUD операции в рецептах и списке покупок

Интересник базы данных

Модели

Создание директивы

... чтобы назвать несколько

Ссылки

Угловые документы

Угловая ссылка API

CLI QuickStart шаблон

Маршрутизация

Трубы

Развертывание

Рекомендуемый Angular 4 Учебник Максимилиан Schwarzmüller

Этот проект был получен с помощью углового CLI

---

Сервер разработки

Запустить ng serve для Dev Server. Перейдите к http://localhost:4200/ . Приложение автоматически перезагружается, если вы измените какие -либо из исходных файлов.

Кодовые леса

Запустите ng generate component component-name , чтобы генерировать новый компонент. Вы также можете использовать ng generate directive/pipe/service/class/module .

Строить

Запустите ng build , чтобы построить проект. Артефакты сборки будут храниться в dist/ Directory. Используйте флаг -prod для производственной сборки.

Заводящие модульные тесты

Запустите ng test , чтобы выполнить модульные тесты через карму.

Запуск сквозных тестов

Запустите ng e2e , чтобы выполнить сквозные тесты через Proctor. Перед запуском тестов убедитесь, что вы обслуживаете приложение через ng serve .

Дополнительная помощь

Чтобы получить больше помощи в угловом клиенте, используйте ng help или посетите Angular Cli Readme.