angular- все статьи тега ➜ страница 8
Когда использовать ' npm start 'и когда использовать'ng serve'?
ng serve обслуживает угловой проект через сервер разработки npm start запускает произвольную команду, указанную в пакете " start" свойство его объекта "скрипты". Если свойство "start" не указано на объекте "скрипты" он будет запускать сервер узлов.js. кажется ng serve запускает встроенный сервер, тогда как npm start запускает серверы узлов. может кто-то подкинуть свет на нем? ...
Установите хост и порт по умолчанию для ng serve в файле конфигурации
Я хочу знать, могу ли я установить хост и порт в файле конфигурации, поэтому мне не нужно вводить ng serve --host foo.bar --port 80 вместо ng serve ...
Как перенаправить на внешний URL в Angular2?
каков метод перенаправления пользователя на полностью внешний URL-адрес в Angular 2. Например, если мне нужно перенаправить пользователя на сервер OAuth2 для аутентификации, как бы я это сделал? Location.go(),Router.navigate() и Router.navigateByUrl() отлично подходит для отправки пользователя в другой раздел (маршрут) в приложении Angular 2, но я не вижу, как их можно использовать для перенаправления на внешний сайт? ...
Как использовать значение перечисления typescript в инструкции Angular2 ngSwitch
машинопись перечисление, кажется, естественным образом совпадает с директивой ngSwitch Angular2 по. Но когда я пытаюсь использовать перечисление в шаблоне моего компонента, я получаю "не могу прочитать свойство 'xxx' undefined in ...". Как я могу использовать значения перечисления в моем шаблоне компонента? обратите внимание, что это отличается от того, как создать параметры выбора html на основе всех значений перечисления (ngFor). Этот вопрос касается ngSwitch, основанного на определенном з ...
Как отладить угловой с VSCode?
Как мне настроить Angular и VSCode, чтобы мои точки останова работали? ...
ng не распознается как внутренняя или внешняя команда
работает windows 7 Professional 32bit. Я пробовал использовать npm install -g angular-cli как в обычных, так и администраторов. Я также попытался добавить его в переменные среды под PATH:(C:UsersAdministratorAppDataRoamingnpmnode_modulesangular-clibinng) , без успеха. что я делаю не так? ...
Как подписаться на событие на сервисе в Angular2?
Я знаю, как вызвать событие с EventEmitter. Я также могу прикрепить метод для вызова, если у меня есть такой компонент: <component-with-event (myevent)="mymethod($event)" /> когда у меня есть такой компонент, все работает отлично. Я переместил некоторую логику в службу, и мне нужно поднять событие изнутри службы. Я сделал вот что: export class MyService { myevent: EventEmitter = new EventEmitter(); someMethodThatWillRaiseEvent() { this.myevent.next({data: 'fun'}); } } у ме ...
Угловой 4: Как включить Bootstrap?
Я разработчик бэкэнда, и я просто играю с Angular4. Поэтому я сделал этот учебник по установке:https://www.youtube.com/watch?v=cdlbFEsAGXo. учитывая это, как я могу добавить bootstrap в приложение, чтобы я мог использовать класс "container-fluid" или "col-md-6" и тому подобное? ...
Angular2-параметры запроса HTTP POST
Я пытаюсь сделать запрос POST, но я не могу заставить его работать: testRequest() { var body = 'username=myusername?password=mypassword'; var headers = new Headers(); headers.append('Content-Type', 'application/x-www-form-urlencoded'); this.http .post('/api', body, { headers: headers }) .subscribe(data => { alert('ok'); }, error => { console.log(JSON.stringify(error.json())); ...
Angular2 строк таблицы в качестве компонента
я экспериментирую с angular2 2.0.0-beta.0 у меня есть таблица и содержимое строки генерируется angular2 таким образом: <table> <tr *ngFor="#line of data"> .... content .... </tr> </table> Теперь это работает, и я хочу инкапсулировать содержимое в компонент "table-line". <table> <table-line *ngFor="#line of data" [data]="line"> </table-line> </table> и в компоненте шаблон имеет содер ...
Отладка и запуск Angular2 Typescript с кодом Visual Studio?
Debug & Run Angular2 Typescript с кодом Visual Studio? Я пытаюсь отладить приложение Angular2 typescript с помощью кода VS https://angular.io/guide/quickstart может ли кто-нибудь поделиться шагами для отладки и запуска из VS-кода? ...
Использование труб в ngModel на входных элементах в угловой
у меня есть поле ввода HTML. <input [(ngModel)]="item.value" name="inputField" type="text" /> и я хочу отформатировать его значение и использовать существующий канал: .... [(ngModel)]="item.value | useMyPipeToFormatThatValue" ..... и получаем сообщение об ошибке: не может иметь канал в выражении действия Как я могу использовать трубы в этом контексте? ...
Как вызвать другую функцию компонентов в angular2
у меня есть два компонента, как показано ниже, и я хочу вызвать функцию из другого компонента. Оба компонента включены в третий родительский компонент с помощью директивы. компонент 1: @component( selector:'com1' ) export class com1{ function1(){...} } компонент 2: @component( selector:'com2' ) export class com2{ function2(){... // i want to call function 1 from com1 here } } Я пробовал использовать @input и @output но я не понимаю точно, как его использовать и как вызвать эту функцию, мо ...
Как включить пользовательские файлы в сборку angular-cli?
RE: Angular2 2.0.0, angular-cli v1.0.0-beta.11-webpack.8 Как я могу сказать angular-cli, чтобы включить файл из " src / assets "в корень" dist " при его сборке? мы развертываем на хосте Windows и должны включить "web.config " файл, чтобы сказать IIS, чтобы направить все в индекс. Мы делали это до RC4, но со всеми обновлениями он провалился через трещины (я не помню, как мы это сделали). я просматривала GitHub РЕПО документы и не нашли ничего полезного в отношении этой темы. Может быть, я не ...
Как я могу обмениваться данными между компонентами в Angular 2?
В Угловой 1.x.x вы просто просите одну и ту же службу, и вы получаете один и тот же экземпляр, что позволяет обмениваться данными в службе. теперь в Angular 2 у меня есть компонент, который имеет ссылку на мой сервис. Я могу читать и изменять данные в Службе, что хорошо. Когда я пытаюсь внедрить ту же службу в другой компонент, кажется, что я получаю новый экземпляр. что я делаю не так? Это сам шаблон, который является неправильным (с помощью сервис для обмена данными) или мне нужно пометить с ...
Как динамически загружать внешние скрипты в угловой?
у меня есть этот модуль, который компонентным подходом внешние библиотеки вместе с дополнительной логики без добавления <script> тег непосредственно в индекс.html: import 'http://external.com/path/file.js' //import '../js/file.js' @Component({ selector: 'my-app', template: ` <script src="http://iknow.com/this/does/not/work/either/file.js"></script> <div>Template</div>` }) export class MyAppComponent {...} Я замечаю import по спецификации ...
Угловой Cli Webpack, как добавить или связать внешние файлы js?
Я не уверен, как включить JS-файлы (поставщики) после переключения углового Cli из SystemJs в Webpack. Вариант A у меня есть некоторые файлы js, которые были установлены через npm. Добавление тегов скрипт в тег head, как это не работает. И это не кажется лучшим способом. <head> <script src="node_modules/some_package/somejs.js"> </head> //With systemJs I could do this <head> <script src="vendor/some_package/somejs.js"> </head> Вариант B включи ...
Динамическое обновление css в Angular 2
допустим, у меня есть компонент Angular2 //home.component.ts import { Component } from 'angular2/core'; @Component({ selector: "home", templateUrl: "app/components/templates/home.component.html", styleUrls: ["app/components/styles/home.component.css"] }) export class HomeComponent { public width: Number; public height: Number; } HTML-файл шаблона для этого компонента //home.component.html <div class="home-component">Some stuff in this div</div> и, наконе ...
Предупреждать пользователя о несохраненных изменениях перед уходом со страницы
Я хотел бы предупредить пользователей о несохраненных изменениях, прежде чем они покинут определенную страницу моего приложения angular 2. Обычно я бы использовал window.onbeforeunload, но это не работает для одностраничных приложений. я обнаружил, что в угловой 1, Вы можете подключить в $locationChangeStart событие, чтобы бросить вверх confirm box для пользователя, но я не видел ничего, что показывает, как заставить это работать для angular 2, или если это событие все еще присутствует. Я тоже ...
Труба '' не может быть найдена angular2 custom pipe
Я не могу исправить эту ошибку. У меня есть панель поиска и ngFor. Я пытаюсь отфильтровать массив с помощью пользовательского канала следующим образом: import { Pipe, PipeTransform } from '@angular/core'; import { User } from '../user/user'; @Pipe({ name: 'usersPipe', pure: false }) export class UsersPipe implements PipeTransform { transform(users: User [], searchTerm: string) { return users.filter(user => user.name.indexOf(searchTerm) !== -1); } } использование: <input [ ...