angular- все статьи тега ➜ страница 9
angular2 прокрутка вниз (стиль чата)
У меня есть набор компонентов одной ячейки в цикле ng-for. У меня все на месте, но я не могу показаться, чтобы выяснить правильный В настоящее время у меня есть setTimeout(() => { scrollToBottom(); }); но это не работает все время как изображения асинхронно нажимаем просмотра вниз. каков подходящий способ прокрутки до нижней части окна чата в angular2? ...
Карта недвижимости не существует на типа 'наблюдаемый '
Я пытаюсь вызвать API из Angular, но получаю эту ошибку: Property 'map' does not exist on type 'Observable<Response>' ответы на этот подобный вопрос не решили мою проблему:угловой 2 бета.17: свойство ' map 'не существует для типа'Observable'. Я использую Angular 2.0.0-beta.17. ...
Angular2-заголовки HTTP RequestOptions
в настоящее время у меня есть проблема с tslint и надеялся, что кто-то может указать мне в правильном направлении. Я пытаюсь отправить запрос HTTP GET с помощью HTTP, предоставленного платформой Angular2. С помощью этого запроса я должен указать тип контента и маркер аутентификации носителя. пример моего кода: let headers = new Headers(); let authToken = this._user.getUser().JWT; headers.append('Content-Type', 'application/json'); headers.append('Authorization', `Bearer ${authToken}`); let op ...
Что такое let - * в угловых шаблонах 2?
я наткнулся на странный синтаксис назначения внутри шаблона Angular 2. <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> получается, что let-col и let-car="rowData" создать две новые переменные col и car который затем может быть привязан к внутри шаблона. Источник:https://www.primefaces.org/primeng/#/datatable/templating что это за волшебные let-* синтаксис называется? как это работа ...
Угловой 2: Получение RouteParams от родительского компонента
как я могу получить RouteParams от родительского компонента? App.ts: @Component({ ... }) @RouteConfig([ {path: '/', component: HomeComponent, as: 'Home'}, {path: '/:username/...', component: ParentComponent, as: 'Parent'} ]) export class HomeComponent { ... } и затем в ParentComponent, Я могу легко получить свое имя пользователя param и установить дочерние маршруты. Parent.ts: @Component({ ... }) @RouteConfig([ { path: '/child-1', component: ChildOneComponent, as: 'ChildOne' ...
Как смотреть и перезагружать ts-node при изменении файлов TypeScript
Я пытаюсь запустить сервер dev с TypeScript и угловым приложением без транспилирования ts-файлов каждый раз. Я обнаружил, что могу работать с ts-node но я тоже хочу посмотреть .ts файлы и перезагрузить приложение / сервер, как я бы сделал с чем-то вроде gulp watch. ...
Как включить внешний JS-файл в Angular 4 и вызвать функцию из angular в js
Допустим у меня есть файл с именем abc.js с функцией xyz(). Я хочу вызвать эту функцию в моем проекте Angular 4. Как мне это сделать? ...
Создайте компонент к специфическому модулю с угловым-CLI
Я начинаю использовать angular-cli, и я уже много читал, чтобы найти ответ о том, что я хочу do...no успех, поэтому я пришел сюда. есть ли способ создать компонент для нового модуля? например: ng g module newModule ng g component newComponent (Как добавить этот компонент в newModule??) потому что поведение по умолчанию angular-cli заключается в том, чтобы поместить все новые компоненты внутрь app.module. Я хотел бы выбрать, где будет мой компонент, чтобы я мог создать отдельные модули и не ...
Повторите элемент HTML несколько раз с помощью ngFor на основе числа
Как использовать *ngFor чтобы повторить HTML-элемент несколько раз? например: Если у меня есть переменная-член, назначенный 20. Как я могу использовать директиву * ngFor, чтобы повторить div 20 раз? ...
В чем разница между компонентом и директивы?
Я только начал работать с Angular 2. Мне было интересно, каковы различия между компонентами и директивами в Angular 2? ...
Угловой 2 Краткое руководство: неожиданный токен
я пытаюсь настроить angular 2 в соответствии с быстрым началом, найденным в http://angular.io. я скопировал каждый файл точно так, как описано в руководстве, но когда я запускаю npm start и открывается вкладка браузера, я получаю " загрузка..."со следующей ошибкой в консоли: Uncaught SyntaxError: Unexpected token < (program):1 __exec @ system.src.js:1374 Uncaught SyntaxError: Unexpected token < angular2-polyfills.js:138 Evaluating http://localhost: ...
Angular2: дочерний компонент доступ к родительской переменной класса / функции
У меня есть переменная в Родительском компоненте, которая может быть изменена дочерним элементом, родитель будет использовать эту переменную в представлении и, следовательно, должен распространять изменения. import {Component, View} from 'angular2/core'; @Component({selector: 'parent'}) @View({ directives: [Child], template: `<childcomp></childcomp>` }) class Parent { public sharedList = new Array(); constructor() { } } @Component({selector: 'child'}) @View({t ...
угловой 2, почему звездочки (*)
в угловом документе 2,* и шаблон, мы знаем, что *ngIf, *ngSwitch, *ngFor можно расширить до тега шаблона. Мой вопрос: Я думаю ngIf или ngFor без * можно также перевести и расширить к бирке шаблона угловым двигателем. Так зачем же создавать странный символ звездочка (*) в угловой 2? <hero-detail *ngIf="currentHero" [hero]="currentHero"></hero-detail> <template [ngIf]="currentHero"> <hero-detail [hero]="currentHero"></hero-detail> </template> ...
Обнаружение изменения в ngModel на выбранном теге (угловой 2)
Я пытаюсь обнаружить изменения на ngModel на <select> тег. В Угловом 1.х, мы могли бы решить это с помощью $watch on ngModel, или с помощью ngChange, но я еще не понял, как обнаружить изменение в ngModel в угловой 2. Полный Пример: http://plnkr.co/edit/9c9oKH1tjDDb67zdKmr9?p=info import {Component, View, Input, } from 'angular2/core'; import {FORM_DIRECTIVES} from 'angular2/common'; @Component({ selector: 'my-dropdown' }) @View({ directives: [FORM_DIRECTIVES], template: ` ...
Как создать компоненты в определенной папке с помощью angular-cli?
Я использую angualr4 с angular-cli и я могу создать новый компонент с помощью следующей команды. E:HiddenWords>ng generate component plainsight но мне нужно создать дочерний компонент внутри plainsight. Есть ли способ сделать с angular-cli? ...
Как реализовать RouteReuseStrategy shouldDetach для конкретных маршрутов в Angular 2
У меня есть угловой модуль 2, в котором я реализовал маршрутизацию и хотел бы, чтобы состояния сохранялись при навигации. Пользователь должен иметь возможность: 1. поиск документов с помощью поисковой формы 2. перейдите к одному из результатов 3. вернитесь к searchresult - без связи с сервером это возможно в том числе RouteReuseStrategy. Вопрос: Как я могу реализовать, что документ не должен храниться? таким образом, путь маршрута "документы" государство должно быть сохранено и в пути следова ...
Угловой 2 - 'не удалось найти HammerJS'
Я работаю над простым проектом angular2, где я пытаюсь импортировать Material Design в свой проект, но некоторые компоненты не работают должным образом, и предупреждение консоли говорит: не удалось найти HammerJS. Некоторые угловые компоненты материала могут работать неправильно. Я hammerjs установлен, а также @angular/material. Как решить эту проблему? мой проект можно найти по этой github РЕПО Примечание может быть, стоит отметить, что если у вас есть hammerjs установлен и ваши ком ...
Угловая 2 форма проверки для повторного пароля
пожалуйста, обратитесь к этой вопрос о сравнение полей в валидаторе с angular2. К сожалению, угловой 2 немного изменился, так что решение больше не работает. Вот мой код: import {IonicApp,Page,NavController,NavParams} from 'ionic/ionic' import {Component} from 'angular2/core' import {FORM_PROVIDERS, FormBuilder, Validators} from 'angular2/common' import {ControlMessages} from '../../components/control-messages' import {ValidationService} from '../../services/validation-service' @Page({ templ ...
Angular2-фокусировка текстового поля на компонентной нагрузке
Я разрабатываю компонент в Angular2 (бета 8). Компонент имеет текстовое поле и выпадающий. Я хотел бы установить фокус в текстовом поле, как только компонент загружен или на событие изменения выпадающего списка. Как бы я достиг этого в angular2. Ниже приведен Html для компонента. <div> <form role="form" class="form-horizontal "> <div [ngClass]="{showElement:IsEditMode, hidden:!IsEditMode}"> <div class="form-group"> ...
Как настроить среду через НГ в угловые 6
Я пытаюсь обновить свое приложение angular 5.2 до angular 6. Я успешно выполнил инструкции в angular update guide (включая обновление angular-cli до v6), и теперь я пытаюсь обслуживать приложение через ng serve --env=local но это дает мне ошибку: неизвестный вариант: '--env' Я использую несколько сред (dev/local/prod), и именно так он работал в 5.2. Как я могу установить среду теперь в angular 6? ...