×
=0) { let js = text.slice(pos1, pos2); + '<\/' + "script" + '>'; arrText.push(js); // next pos1 = pos2; continue; } } } break; } return arrText; } function OpenDialog(parentDiv, urlContent) { parentDiv = document.getElementById('modal-background'); // new !!!!!!! parentDiv.appendChild(document.getElementById('modal-template')); document.getElementById('modal-background').style.display = "block"; document.getElementById('modal-template').style.display = "flex"; // !!!!! document.getElementById('modal-body').innerHTML = ""; post_url(urlContent, "", function(text_from_server) { var element = document.getElementById('modal-body'); element.innerHTML = text_from_server; // add scripts var arrJSText = get_scripts(text_from_server); for (var i=0; i
dir.by
Поиск
Программирование, разработка, тестирование
→
Angular
→
Создаем новое web приложение с Angular 8. Используем командную строку: npx -p @angular/cli@8.1.0 ng new
Посмотрели
2039
раз(а)
Создаем новое web приложение с Angular 8. Используем командную строку: npx -p @angular/cli@8.1.0 ng new
последнее обновление: 4 августа 2020
Шаг 1.
Чтобы создать новое
angular
приложение через командную строку нужно чтобы пакет
npx
был установлен.
Установим глобальный
npx
пакет для этого в командной строке выполним:
npm install -g npx
Шаг 2.
Создаем новое
angular
приложение через командную строку.
Для этого в командной строке выполним:
npx -p @angular/cli@8.1.0 ng new
Шаг 3.
Запускаем
Angular
приложение.
Для этого в командной строке выполним:
npm run start
Шаг 4.
Смотрим результат.
В браузере
Google Chrome
открываем новую страницу и вводим адрес
http://localhost:4200/
На заметку!
Если вы меняете текст в файле
html
или
ts
эта страница в браузере
Google Chrome
автоматически обновляется.
Потому что работает команда
ng serve
Объяснение откуда выполняется ng serve:
Когда мы выполняем в командной строке
npm run start
, то запускается скрипт
start
.
Скрипт
start
определен в файле
package.json
.
Файл D:/example/
package.json
:
{
...
"scripts": {
"start": "ng serve"
}
...
}
Скрипт
start
выполняет
angular
команду
ng serve
.
ng serve
постоянно следит за изменениями в файлах и обновляет страницу в браузере.
ng serve
это еще локальный web server (потому что в браузере мы видим
http://localhost:4200/
).
← Предыдущая тема
Что такое Angular 8?
Следующая тема →
Создаем новое web приложение с Angular 8 в Visual Studio Code. Используем: Node.js + Angular (пишем нашу компоненту в ts файле) + Typescript (конвертация файлов ts в js)
Ваши Отзывы ... комментарии ...
Вашe имя
Ваш комментарий
(www ссылки может добавлять только залогиненный пользователь)
Картинки
+ Фото
Объявления
Объявления
Angular
•
Что такое Angular 8?
Новое приложение Angular 8
Вариант 1. Создаем новое Angular приложение с консоли командой angular/cli (50 файлов)
•
Создаем новое web приложение с Angular 8. Используем командную строку: npx -p @angular/cli@8.1.0 ng new
Вариант 2 (для меня лучший). Создаем новое Angular приложение сами (8 файлов)
•
Создаем новое web приложение с Angular 8 в Visual Studio Code. Используем: Node.js + Angular (пишем нашу компоненту в ts файле) + Typescript (конвертация файлов ts в js)
•
Что происходит при запуске Angular 8 приложения? Запуск main.ts файла. Создание модуля.
Angular 9
•
Создаем новое web приложение с Angular 9 в Visual Studio Code. Используем: Node.js + Angular (пишем нашу компоненту в ts файле) + Typescript (конвертация файлов ts в js)
Angular 12
•
Создаем новое web приложение с Angular 12 в Visual Studio Code. Используем: Node.js + Angular (пишем нашу компоненту в ts файле) + Typescript (конвертация файлов ts в js)
•
В web приложение с Angular 12 добавляем маршрутизацию (router)
Описание Angular
•
Модули в Angular
•
Компоненты в Angular
•
Привязка данных в Angular
Ошибки
•
Error "npm : The term 'npm' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spell included, verify that the path is correct and try again." | nodejs npm angular
•
Error "npm ERR! While resolving: @angular/flex-layout@12.0.0-beta.35 | Could not resolve dependency: | Conflicting peer dependency: @angular/cdk@12.2.13" | nodejs npm angular
•
ng serve Error "ng : The term 'ng' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spellin the path is correct and try again." | nodejs npm angular
•
ng serve Error "File ng.ps1 cannot be loaded. The file ng.ps1 is the current system." | nodejs npm angular
•
Error "Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js)" | nodejs npm angular
Docker для Angular
•
Используем Docker в проекте с Angular (под Windows)
Angular Flex-Layout
•
Angular Flex-Layout
WWW сайты для изучения Angular
•
Сайты для изучения Angular
Ваши вопросы присылайте по почте:
info@dir.by