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

Питання щодо Angular (не плутати з AngularJS), веб-рамкою від Google. Використовуйте цей тег для кутових питань, не характерних для окремої версії. Для старих веб-рамок AngularJS (1.x) використовуйте тег angularjs.

4
Непомічена помилка: Несподіваний модуль 'FormsModule' оголошений модулем 'AppModule'. Будь ласка, додайте примітку @ Pipe / @ Directive / @ Component
Я новачок у Angular. Я розпочав «Тур героїв», щоб навчитися цьому. Отже, я створений app.componentз two-wayприв'язкою. import { Component } from '@angular/core'; export class Hero { id: number; name: string; } @Component({ selector: 'app-root', template: ` <h1>{{title}}</h1> <h2>{{hero.name}} details!</h2> <div><label>id: </label>{{hero.id}}</div> <div><label>Name: </label> <input [(ngModel)]="hero.name" placeholder="Name"> </div> `, styleUrls: ['./app.component.css'] …
97 angular 

2
Виявити зміну на ngModel на виділеному тегу (Angular 2)
Я намагаюся знайти зміну на ngModelв <select>тезі. В Angular 1.x ми можемо вирішити це за допомогою $watchувімкнення ngModelабо за допомогою ngChange, але я ще не зрозумів, як виявити зміну ngModelв Angular 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' …

17
OrderBy через випуск труби
Я не можу перекласти цей код з Angualr 1 на Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" Це те, що я зробив після відповіді Тьєррі Тамплієра: Шаблон компонента: *ngFor="#todo of todos | sort" Код компонента: @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], pipes: [ TodosSortPipe ] }) Код труби: …

7
Ін'єкція успадкування та залежності
У мене є набір компонентів angular2, які всі повинні вводити якусь службу. Моя перша думка полягала в тому, що найкраще створити супер клас і ввести там службу. Тоді будь-який з моїх компонентів розширить цей суперклас, але цей підхід не працює. Спрощений приклад: export class AbstractComponent { constructor(private myservice: MyService) { …

5
У чому різниця між formControlName та FormControl?
Я використовую ReactiveFormsModuleAngular2 для створення компонента, який містить форму. Ось мій код: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (з [formControl]): <div class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> <label for="gender">Gender</label> <div class="field"> <div class="ui radio …

17
Реактивні форми - відключений атрибут
Я намагаюся використати disabledатрибут із formControl. Коли я вкладаю його в шаблон, він працює: <md-input formControlName="id" placeholder="ID" [disabled]="true"></md-input> Але браузер попереджає мене: Схоже, ви використовуєте атрибут disabled з директивою реактивної форми. Якщо ви встановили значення true для true, коли ви встановлюєте цей елемент керування у своєму класі компонентів, атрибут disabled …

2
Як я можу використовувати власні палітри тем у Angular?
Я хочу використовувати кольори бренду моєї компанії в усьому додатку. Я знайшов цю проблему: AngularJS 2 - Дизайн матеріалу - встановіть палітру кольорів, де я можу створити нібито власну тему, але в основному це просто використання різних частин заздалегідь побудованих палітр. Я не хочу використовувати заздалегідь визначені кольори Material2. Я …

7
Властивість 'X' є приватною і доступна лише в класі 'xyzComponent'
Я намагаюся створити додаток angular2 для виробництва, для чого слідкую за цим блогом . Після моєї успішної компіляції ngc, коли відбувається компіляція tsc, вона генерує нижче помилку, показану на зображенні: Потрапивши на деякий час, я знайшов цей блог, який пояснює проблему в розділі "Властивість контексту", який я не можу зрозуміти …

4
Динамічна посилальна змінна шаблону всередині ngFor (Angular 9)
Як оголосити динамічну посилальну змінну шаблону всередині ngForелемента? Я хочу використовувати компонент popover з ng-bootstrap, код popover (з прив'язкою Html) такий: <ng-template #popContent>Hello, <b>{{name}}</b>!</ng-template> <button type="button" class="btn btn-secondary" [ngbPopover]="popContent" popoverTitle="Fancy content"> I've got markup and bindings in my popover! </button> Як я можу загорнути ці елементи всередину ngFor? <div *ngFor="let …

4
Як запустити службу, коли програма запускається в Angular 2
Я створив службу SocketService, в основному вона ініціалізує сокет, щоб програма могла слухати порт. Ця послуга також взаємодіє з деякими компонентами. // socket.service.ts export class SocketService { constructor() { // Initializes the socket } ... } Я знаю, що код у конструкторі SocketService () починає запускатися лише тоді, коли компонент …

1
Об’єднання спостережуваних даних RxJS з даних http у Angular2 за допомогою TypeScript
Зараз я намагаюся навчити себе Angular2 та TypeScript після щасливої ​​роботи з AngularJS 1. * протягом останніх 4 років! Я повинен визнати, що ненавиджу це, але я впевнений, що мій момент еврики вже не за горами ... у будь-якому випадку, я написав службу в моєму фіктивному додатку, яка буде отримувати …

7
ng2 - різниця між тегами ng-container та ng-template
Хтось може проілюструвати різницю між використанням <ng-container>та <ng-template>елементами? Я не зміг знайти документацію для NgContainerта не зовсім розумію різницю між тегом шаблону. Приклад коду кожного дуже допоможе.
96 angular 


19
ПОМИЛКА Помилка: немає доступу до значення для керування формою з невизначеним атрибутом імені на комутаторі
Ось мій компонент в Angular 4: @Component( { selector: 'input-extra-field', template: ` <div class="form-group" [formGroup]="formGroup" > <switch [attr.title]="field.etiquette" [attr.value]="field.valeur" [(ngModel)]="field.valeur" [formControl]="fieldControl" [attr.id]="name" [attr.disabled]="disabled"> </switch> <error-messages [control]="name"></error-messages> </div> ` } ) Ось мій клас: export class SwitchExtraField extends ExtraField { @Input() field: ExtraFormField; @Input() entity: { fields: Object }; @Input() formGroup: …

5
Залежність Bootstrap4 PopperJs видає помилку на Angular
Я щойно створив абсолютно нову кутовий-кліпроекту та запустив 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 …

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.