Закрыть
×
=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 = "flex"; // !!!!! 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
Праздники ...
Праздники ...
День Октябрьской революции (7 Ноября)
Концерты, выставки ...
Концерты, выставки ...
Полина Гагарина|||г. Минск 10 октября 2026
Афишу
Спорт занятия ...
Спорт занятия ...
Аквааэробика
Спорт занятие
Компьютер, программы...
Компьютер, программы...
Объявления ...
Объявления ...
Мойка кухонная угловая
Объявление
Новости ...
Новости ...
Форум ...
Форум ...
обсуждение...
Поиск
Концерты
Спорт
Форум
Компьютер
Компьютер, программы
→
Angular
Создаем новое web приложение с Angular 8. Используем командную строку: npx -p @angular/cli@8.1.0 ng new
посмотрели
5929
раз
обновлено: 4 Augusta 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/
).
← Previous topic
What is Angular 8?
Next topic →
Create a new web application with Angular 8 in Visual Studio Code. We use: Node.js + Angular (write our component in ts file) + Typescript (convert files ts to js)
Your feedback ... Comments ...
Your Name
Your comment
(www links can only be added by a logged-in user)
+ Picture
Объявления
Объявления
•
What is Angular 8?
New Angular 8 application
Option 1. Creating a new Angular application from the console with the angular/cli command (50 files)
•
Creating a new web application with Angular 8. Using the command line: npx -p @angular/cli@8.1.0 ng new
Option 2 (the best for me). Creating a new Angular application yourself (8 files)
•
Create a new web application with Angular 8 in Visual Studio Code. We use: Node.js + Angular (write our component in ts file) + Typescript (convert files ts to js)
•
What happens when I start an Angular 8 application? Run main.ts file. Creating a module.
Angular 9
•
Creating a new web application with Angular 9 in Visual Studio Code. Use: Node.js + Angular (write our component in the ts file) + Typescript (convert ts files to js)
Angular 12
•
Creating a new web application with Angular 12 in Visual Studio Code. Use: Node.js + Angular (write our component in the ts file) + Typescript (convert ts files to js)
•
Adding routing (router) to the web application with Angular 12
Angular Description
•
Modules in Angular
•
Components in Angular
•
Binding data in Angular
Errors
•
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 for Angular
•
Using Docker in a project with Angular (for Windows)
Angular Flex-Layout
•
Angular Flex-Layout
WWW Sites to Learn Angular
•
Sites to learn Angular
Ваши вопросы присылайте по почте:
info@dir.by