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

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

108 angular  angular-material 

Мой код: <li *ngFor="let item of list; let i=index" class="dropdown-item" (click)="onClick(item)"> <template [ngIf]="i<11">{{item.text}}</template> </li> Я пытаюсь отображать только 10 элементов списка в любой момент. Как предлагается в ответе здесь , я использовал ngIf, но это приводит к тому, что на странице отображаются пустые элементы списка (более 10).

108 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 

Как я могу обнаружить щелчки вне компонента в Angular?

107 html  events  angular  typescript 

Я изо всех сил пытаюсь найти способ сделать это. В родительском компоненте шаблон описывает a tableи его theadэлемент, но делегирует отрисовку tbodyдругому компоненту, например: <table> <thead> <tr> <th>Name</th> <th>Time</th> </tr> </thead> <tbody *ngFor="let entry of getEntries()"> <my-result [entry]="entry"></my-result> </tbody> </table> Каждый компонент myResult отображает свой собственный trтег, примерно так: <tr> …

107 javascript  angular 

Когда я использую свой собственный канал в шаблоне, это выглядит так: {{user|userName}} И это хорошо работает. Можно ли использовать в коде пайп? Я пытаюсь использовать это так: let name = `${user|userName}`; Но это показывает userName не определено Мой альтернативный способ - использовать db.collection.findOne()в коде вручную. Но есть ли какой-нибудь умный …

106 angular  angular-pipe 

В AppComponent я использую компонент nav в HTML-коде. Пользовательский интерфейс выглядит нормально. Нет ошибок при выполнении ng serve. и никаких ошибок в консоли, когда я смотрю на приложение. Но когда я запустил Karma для своего проекта, возникла ошибка: Failed: Template parse errors: 'app-nav' is not a known element: 1. If …

106 javascript  node.js  angular  typescript  karma-jasmine 

Здесь используется полное соответствие пути, и когда я удаляю это совпадение, оно даже не загружает приложение и не запускает проект. import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { HttpModule } from '@angular/http'; import { RouterModule } from '@angular/router'; import { AppComponent } from './app.component'; …

106 angular  typescript  angular-router 

Я знаю, что только что выпущена бета-версия Angular2, но я не могу воспроизвести шаги из их официального руководства на сайте ( https://angular.io/guide/quickstart ). Может быть, у кого-то были подобные проблемы и он знает, что делать, чтобы исправить это? Когда я пытаюсь запустить приложение с помощью npm startкоманды, я получаю такой …

105 node.js  angular  npm 

Кажется, я не могу исправить эту ошибку. У меня есть панель поиска и ngFor. Я пытаюсь отфильтровать массив с помощью настраиваемого канала следующим образом: import { Pipe, PipeTransform } from '@angular/core'; import { User } from '../user/user'; @Pipe({ name: 'usersPipe', pure: false }) export class UsersPipe implements PipeTransform { transform(users: …

105 angular  angular2-forms  angular2-pipe 

Как использовать ngStyle для добавления фонового изображения? Мой код не работает: this.photo = 'http://dl27.fotosklad.org.ua/20121020/6d0d7b1596285466e8bb06114a88c903.jpg'; <div [ngStyle]="{'background-image': url(' + photo + ')}"></div>

105 javascript  html  css  angular 

Учитывая список флажков, привязанных к одному и тому же formControlName, как я могу создать массив значений флажков, привязанных к formControl, а не просто true/ false? Пример: <form [formGroup]="checkboxGroup"> <input type="checkbox" id="checkbox-1" value="value-1" formControlName="myValues" /> <input type="checkbox" id="checkbox-2" value="value-2" formControlName="myValues" /> <input type="checkbox" id="checkbox-3" value="value-2" formControlName="myValues" /> </form> checkboxGroup.controls['myValues'].value в настоящее …

105 javascript  angular  checkbox  angular2-forms 

Как мне включить в *ngIfзаявление несколько случаев ? Я привык к Vue или угловым 1 с наличием if, else ifи else, но, похоже угловым 4 имеет только true( if) и false( else) состояние. Согласно документации, я могу делать только: <ng-container *ngIf="foo === 1; then first else second"></ng-container> <ng-template #first>First</ng-template> <ng-template …

105 angular  templates  angular-ng-if 

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

105 angular  sass  material-design  angular-material2 

Как использовать *ngForдля повторения элемента HTML несколько раз? Например: если мне присвоена переменная-член 20. Как использовать директиву * ngFor, чтобы div повторялся 20 раз?

104 angular