Запитання з тегом «angular»

З моменту оновлення до останнього кандидата випуску Angular 2, мої imgтеги: <img class='photo-img' [hidden]="!showPhoto1" src='{{theMediaItem.photoURL1}}'> викидають помилку браузера: ОРИГІНАЛЬНЕ ВИКОНАННЯ: Помилка: небезпечне значення, яке використовується в контексті URL-адреси ресурсу Значення URL-адреси: http://veeu-images.s3.amazonaws.com/media/userphotos/116_1464645173408_cdv_photo_007.jpg Редагувати: Я спробував запропонувати інше рішення, що це питання є дублікатом, але я отримую ту ж помилку. Я …

109 angular 

Для додавання я використовую Матеріал 2 md-raised-button. Я хочу застосувати цю директиву лише в тому випадку, якщо певна умова стане істинною. Наприклад: <button md-raised-button="true"></button> Ще один приклад: я створив основну динамічну реактивну форму в планку. Я використовую formArrayNameдирективу реактивної форми для масиву елементів управління. Я хочу застосувати formArrayNameдирективу лише в …

109 angular  angular-material  angular2-forms  angular2-directives  angular-material2 

У мене є матовий вибір, де параметри - це всі об'єкти, визначені в масиві. Я намагаюся встановити значення за замовчуванням для одного з варіантів, однак воно залишається вибраним, коли сторінка відображається. Мій файл машинопису містить: public options2 = [ {"id": 1, "name": "a"}, {"id": 2, "name": "b"} ] public selected2 …

109 angular  typescript  angular-material2 

Я новачок у кутовому 5 і намагаюся повторити карту, що містить іншу карту в машинописі. Як виконати ітерацію нижче цього виду карти в angular внизу - це код компонента: import { Component, OnInit} from '@angular/core'; @Component({ selector: 'app-map', templateUrl: './map.component.html', styleUrls: ['./map.component.css'] }) export class MapComponent implements OnInit { map …

109 javascript  angular  typescript  angular-cli 

Успадкування даних батьків-дитини ng-2 склало для мене складність. Здається, що це може бути чудовим практичним рішенням - це фільтрація мого загального масиву даних до масиву, що складається з лише дочірніх даних, на які посилається один батьківський ідентифікатор. Іншими словами: успадкування даних стає фільтруванням даних за одним ідентифікатором батьків. На конкретному …

108 arrays  filter  typescript  angular 

У мене є кілька невдалих тестів, які тільки дають результат [object ErrorEvent] thrown. Я не бачу нічого в консолі, що допомагає мені точно визначити код, що порушує. Чи потрібно щось зробити, щоб відстежити їх? [EDIT]: Я запускаю Karma v1.70, Жасмін v2.7.0

108 angular  angular-cli  karma-jasmine 

Скажімо, у мене є компонент 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> І нарешті файл css для цього …

108 css  angular 

Гаразд, можливо, це незрозуміло. Отримайте цю форму: <form (ngSubmit)="submit()" #crisisForm="ngForm"> <input type="text" name="name" [(ngModel)]="crisis.name"> <button type="submit">Submit</button> <button type="button" (click)="preview()">Preview</button> <button type="reset" (click)="reset()">Reset</button> </form> Чому всі кнопки запускають submit()функцію? І як цього уникнути?

107 javascript  forms  angular  submit 

Я хочу встановити фонове зображення DIV у шаблоні компонентів у своїй програмі Angular 2. Однак на консолі я отримую таке попередження, і я не отримую бажаного ефекту ... Я не впевнений, що динамічне фонове зображення CSS блокується через обмеження безпеки в Angular2 або якщо мій шаблон HTML порушений. Це попередження, …

107 typescript  angular  xss 

Чи можна використовувати ngIfбез додаткового елемента контейнера? <tr *ngFor="..."> <div *ngIf="..."> ... </div> <div *ngIf="!..."> ... </div> </tr> Він не працює в таблиці, тому що це зробить недійсний HTML.

107 html  templates  angular 

<div> <input #ipt type="text"/> </div> Чи можна отримати доступ до змінної доступу до шаблону з класу компонентів? тобто чи можу я отримати доступ до нього тут, class XComponent{ somefunction(){ //Can I access #ipt here? } }

107 angular  typescript  angular2-template 

Коли я оновив Angular з 7 до Angular 8, отримую помилку для ледачих модулів завантаження Я спробував варіанти, які є в посібнику з кутового оновлення Внесені нижче зміни: До цього loadChildren: '../feature/path/sample- tage.module#SameTagModule' Після loadChildren: () => import('../feature/path/sample- tags.module').then(m => m.CreateLinksModule) помилка TS1323: Динамічний імпорт підтримується лише тоді, коли прапор …

107 javascript  angular  typescript  module  angular8 

Я намагаюся змусити mat-tableсортування працювати локально, і хоча я можу отримати дані, щоб вони відображалися належним чином, клацання на рядку заголовка не робить сортування, як це робиться на онлайн-прикладах (взагалі нічого не відбувається). Я намагаюся змусити цю демонстрацію працювати локально: https://material.angular.io/components/sort/overview https://plnkr.co/edit/XF5VxOSEBxMTd9Yb3ZLA?p=preview Я створив новий проект за допомогою Angular CLI, …

107 angular  angular-material 

Сьогодні, працюючи над деяким базовим AngularJS Intro, я зіткнувся з проблемою. Я відкрив PowerShell, щоб продовжити проект. NPM спрацював. Я зміг встановити Angular, використовуючи: npm install -g @angular/cli Кожного разу, коли я намагався запустити ng, я отримував: the term 'ng' is not recognized as the name of a cmdlet

107 node.js  angular  powershell  npm  angular-cli 

Я досить новачок у Angular, тому я не впевнений, що найкраща практика для цього. Я використовував angular-cli і ng new some-projectдля створення нового додатка. У ній створено папку "зображення" в папці "Активи", тому тепер папка моїх зображень є src/assets/images В app.component.html(що є коренем моєї заявки), я кладу <img class="img-responsive" src="assets/images/myimage.png"> …

106 html  angular  angular-cli