Вопросы с тегом «angular»

Может кто-нибудь проиллюстрировать разницу между использованием <ng-container>и <ng-template>элементами? Я не смог найти документацию NgContainerи не совсем понимаю разницу между тегом шаблона. Пример кода каждого из них очень поможет.

96 angular 

Я только что создал новый angular-cliproject и запустил npm install bootstrap@4.0.0-beta jquery popper.js --save и изменил связанные части .angular-cli.json, как показано ниже "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], однако получение ошибки ниже 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9) at Object.../../../../script-loader/index.js!../../../../popper.js/dist/popper.js …

95 twitter-bootstrap  angular  webpack  popper.js 

Я нашел пример, который ограничивает число двумя десятичными знаками и превращает число в денежную сумму, например, 2,55 фунта стерлингов. {{ number | currency : 'GBP' : true : '1.2-2'}} Есть ли простой пайп, который делает то же самое без применения валюты?

95 angular  pipe  decimal 

Как объявить функцию внутри компонента (машинописный текст) и вызвать ее при событии щелчка в Angular 2? Ниже приведен код той же функциональности в Angular 1, для которой мне нужен код Angular 2: <button ng-click="myFunc()"></button> // контроллер app.controller('myCtrl', ['$scope', function($cope) { $scope.myFunc= { console.log("function called"); }; }]);

95 javascript  angular  typescript 

Я пытаюсь создать собственный компонент, используя несколько ng-contentв Angular 6, но это не работает, и я понятия не имею, почему. Это код моего компонента: <div class="header-css-class"> <ng-content select="#header"></ng-content> </div> <div class="body-css-class"> <ng-content select="#body"></ng-content> </div> Я пытаюсь использовать этот компонент в другом месте и сделать два различных HTML кода bodyи заголовок …

95 angular  angular6  angular-components  ng-content 

Я работаю над простым угловым проектом, в котором я пытаюсь импортировать Material Design в свой проект, но некоторые компоненты не работают должным образом, и в консоли появляется предупреждение: Не удалось найти HammerJS. Некоторые компоненты Angular Material могут работать некорректно. Я hammerjsустановил и тоже @angular/material. Как мне решить эту проблему? Примечание …

94 javascript  angular  material-design  hammer.js 

Я хотел бы реализовать img с src, исходящим из объекта JSON. В AngularJS я мог: <img ng-src="{{hash}}" alt="Description" /> Есть ли аналог этого в Angular 2+?

94 angular 

Я пытаюсь отправить запрос 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())); }); } Я в основном хочу воспроизвести этот http-запрос (не …

94 typescript  angular 

Нужна помощь, чтобы понять значение {read: ViewContainerRef} в следующем заявлении. @ViewChild('myname', {read: ViewContainerRef}) target;

94 angular 

У меня есть компонент, который вызывает службу для получения данных из конечной точки RESTful. Этой службе необходимо предоставить функцию обратного вызова, которая будет выполняться после получения указанных данных. Проблема в том, что когда я пытаюсь использовать функцию обратного вызова для добавления данных к существующим данным в переменной компонента, я получаю …

94 javascript  arrays  typescript  angular 

У меня есть AuthGuard (используется для маршрутизации), который реализует CanActivate . canActivate() { return this.loginService.isLoggedIn(); } Моя проблема в том, что CanActivate-result зависит от http-get-result - LoginService возвращает Observable . isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); } Как я могу объединить их - сделать CanActivate зависимым от состояния серверной части? …

94 angular  angular2-routing  angular2-http 

let httpParams = new HttpParams().set('aaa', '111'); httpParams.set('bbb', '222'); Почему это не работает? Он устанавливает только 'aaa', а НЕ 'bbb' Кроме того, у меня есть объект {aaa: 111, bbb: 222} Как я могу установить все значения без цикла? ОБНОВЛЕНИЕ (похоже, это работает, но как избежать цикла?) let httpParams = new HttpParams(); …

94 angular  angular-http 

Я пытаюсь стилизовать элемент, размещенный у выхода маршрутизатора, в угловой, и хочу убедиться, что сгенерированный элемент имеет ширину 100%. Из большинства ответов я вижу, что мне следует использовать ::ng-deepселектор, но из документов Angular он устарел. Есть альтернатива ::ng-deep?

94 html  css  angular 

По какой-то причине мне приходится запускать свое приложение в производственном режиме. В чем разница между этими режимами?

93 angular  development-environment  production-environment 

Как я могу создать собственный компонент, который будет работать как собственный <input>тег? Я хочу, чтобы мой настраиваемый элемент управления формой мог поддерживать ngControl, ngForm, [(ngModel)]. Насколько я понимаю, мне нужно реализовать некоторые интерфейсы, чтобы мой собственный элемент управления формой работал так же, как собственный. Кроме того, похоже, что директива ngForm …

93 typescript  angular