typescript- все статьи тега


Вложенность вкладок ng-bootstrap (угловая 2)

Я пытаюсь вложить виджет вкладки ng-bootstrap, но содержимое вложенной вкладки не отображается должным образом. В тот момент, когда я нажимаю на вложенную вкладку, само содержимое исчезает. Минимальная демонстрация Что я делаю не так? Это код вида: <ngb-tabset> <ngb-tab *ngFor="let tab of tabs"> <ng-template ngbTabTitle> {{ tab.title }} </ng-template> <ng-template ngbTabC ...

Как задать необязательные параметры класса в Angular 2-Typescript?

Я знаю, что в Typescript необязательные параметры могут быть помечены вопросительным знаком. Однако, единственный способ, который я нашел, чтобы фактически создать экземпляр класса с новым ключевым словом. Дело в том, что на основе начального урока Angular 2 "hero" классы Не создаются с помощью нового ключевого слова, и, насколько я понял, это делается внутри Angular. Например, у меня есть это код: Модели / пользователи.ts export class User { id: number; name: string; // I wan ...

Как проверить код TypeScript на наличие синтаксических ошибок из командной строки?

У меня есть код, который генерирует классы TypeScript, и в качестве шага сборки/тестирования я хотел бы проверить сгенерированные файлы на синтаксическую корректность. Я посмотрел на параметры компилятора TypeScript , но не вижу такой опции. Как проверить синтаксис? Я ищу инструмент, который можно запустить из Maven, поэтому в идеале, плагин Maven или инструмент командной строки. Я не хочу полной компиляции, потому что указанные типы недоступны в этот шаг сборки (они находятся в другом моду ...

Как цепочка из нескольких фильтров в lazy.js в цикле (из массива)

У меня есть массив, содержащий функции фильтра, которые необходимо применить к массиву элементов в Lazy.JS. Я пробовал использовать цикл for, но применяется только последний фильтр. function (searchText) { var result = Lazy(input); for (var query of this.querylist) { result = result.filter((item) => { return query.filterFunc(item, searchText, query.compareFunc); }); } return result.toArray(); } Есть ли способ применить список фильтров без жест ...

* ngFor сброс всех значений формы при добавлении нового элемента ввода

У меня есть приложение Angular2 с кнопкой, которая может добавить еще один кредит к моим кредитам. Мой * ngFor также довольно прост: <div *ngFor="let loan of myLoans"> <label>{{loan.name}}</label> <input type="text" name="loan.name" [(ngModel)]="loan.amount"> </div> myLoans представляет собой массив объектов займа с параметрами name и amount. Моя кнопка также очень проста. <button id="addLoan" type="button" (click)="addLoan()">Legg til ...

Как исправить ошибку "$ is not defined " при модульном тестировании Jquery с Typescript с помощью Mocha?

Я пишу Mocha юнит-тесты для Typescript кода, содержащего Jquery. Я использую jsdom для получения объекта document. Когда я компилирую свой код TS в JS и запускаю тесты, он выдает ошибку [ReferenceError: $ is not defined]. Мой код машинописи здесь export function hello(element) : void { $(element).toggleClass('abc'); }; Мой модульный тестовый код выглядит следующим образом: import {hello} from '../src/dummy'; var expect = require('chai').expect; var jsdom = require('jsdom'); var d ...

В чем разница между "=" (знак равенства) и "of" in *ngFor in Angular?

Мне случилось сделать ошибку копирования-пастообразную при создании итераторов с индексами, как показано ниже. <beep *ngFor="let thing of stuff; let i of index;">...</beep> Предполагается, что правильная версия содержит знак равенства вместо из в операторе index. вопрос не в том, как получить индекс. Меня интересует то, что я получил [Object object] , и мне интересно, что это за объект. Обычно я просто печатаю его на консоль, но я не могу получить доступ к консоли из разметки ш ...

в чем разница между React.HTMLProps и реагировать.HTMLAttributes?

Я пытаюсь определить интерфейс реквизитов для моего компонента и хотел бы, чтобы он включал все общие атрибуты. Но оказалось, что есть два разных интерфейса, которые я могу расширить interface MyProps extend React.HTMLProps<HTMLElement> и interface MyProps extend React.HTMLAttributes<HTMLElement> В чем разница? какой из них я должен использовать? похоже, HTMLProps включает HTMLAttributes, означает ли это, что HTMLProps должны быть лучшими кандидатами? ...

Я получаю "Http failure response for (unknown url): 0 Unknown Error" вместо фактического сообщения об ошибке в Angular

Я использую Angular 4 HttpClient для отправки запросов на внешний сервис. Это очень стандартная настройка: this.httpClient.get(url).subscribe(response => { //do something with response }, err => { console.log(err.message); }, () => { console.log('completed'); } Проблема в том, что когда запрос не выполняется, я вижу общий Http failure response for (unknown url): 0 Unknown Error сообщение в консоли. Между тем, когда я проверяю неудачный запрос в chrome, я вижу, что состояние о ...

Reactjs, Typescript-свойство не существует в дочернем компоненте

Я использую typescript 2.3.4 с React. Я получаю ошибку TS2339: ошибка TS2339: свойство 'name' не существует на типе ' Readonly & Только Для Чтения'. Ошибка возникает, когда я пытаюсь объявить свойство в дочернем компоненте. Как правильно ссылаться на свойство в дочернем компоненте? По какой-то причине код не выполняется в script runner. Любая помощь ценится. export interface person { name: string; age: number; } interface State { personArray: person[]; } inter ...

Как отключить все поля в шаблоне управляемой формы в angular

Я создал управляемую шаблоном форму в angular 5 Сначала я хочу отключить всю форму, а также хочу, чтобы форма была включена после нажатия какой-либо кнопки, поэтому я добавил свойство disabled в теге form и сделал его значение false, как показано ниже, (это не сработало, хотя): <form #formName = "ngForm" [disabled]="true"> </form> Поскольку вышеуказанное свойство disabled не работало, я изменил свойство disabled как [attr.disabled] = true Это тоже не сработало Теперь, ког ...

Невозможно сопоставить любые маршруты с дочерними маршрутами и новым маршрутизатором angular 2 RC1

Applicationcompent import { Component } from '@angular/core'; import {Router, ROUTER_DIRECTIVES, Routes, ROUTER_PROVIDERS} from '@angular/router'; import {SchoolyearsComponent} from "./schoolyear/schoolyears.component"; @Component({ directives: [ROUTER_DIRECTIVES], providers: [ ROUTER_PROVIDERS ], templateUrl: './app/application.component.html', styleUrls: ['./app/application.component.css'] }) @Routes([ { path: '/', component: SchoolyearsComponent, }, ]) export cla ...

Angular 2 Как улучшить время рисования DOM в Internet Explorer 11

Существуют ли какие-либо специальные приемы для повышения производительности приложения Angular 2 в Internet Explorer 11? Наш сайт работает как в Chrome, так и в Firefox, но DOM рендерится заметно медленнее на IE 11. Я понимаю, что некоторые из них являются ограничением движка браузера, но когда один цикл обнаружения изменений вызывает 30-40 МС на DOM painting на IE 11, я чувствую, что есть что-то еще, что можно сделать на нашей реализации. Для записи, это никогда не занимает более 1 мс для Хр ...

Как загрузить данные из локального файла Json с помощью http get?

Я пытаюсь загрузить данные из локального файла json. Я предоставил ссылку, как показано ниже в скриншоте. Но когда я запускаю приложение на localhost, я получаю ошибку: 404 не найдена. ...

Что такое TypeScript и почему я должен использовать его вместо JavaScript? [закрытый]

не могли бы вы описать, что такое язык машинописи? что он может сделать, что JavaScript или доступные библиотеки не могут сделать, что дало бы мне повод рассмотреть его? ...

Не удается привязать к 'formGroup', так как это не известное свойство 'form'

СИТУАЦИЯ: пожалуйста, помогите! Я пытаюсь сделать то, что должно быть очень простой формой в моем приложении Angular2, но независимо от того, что он никогда не работает. УГЛОВАЯ ВЕРСИЯ: Угловой 2.0.0 Rc5 ОШИБКА: Can't bind to 'formGroup' since it isn't a known property of 'form' КОД: вид: <form [formGroup]="newTaskForm" (submit)="createNewTask()"> <div class="form-group"> <label for="name">Name</label> <input type="text" name="name" req ...

Директива @в @компонентов в угловой

в чем разница между @Component и @Directive в угловой? Оба они, похоже, выполняют одну и ту же задачу и имеют одни и те же атрибуты. каковы варианты использования и когда предпочтительнее один над другим? ...

Прятаться.js.сопоставление файлов в коде Visual Studio

Я работаю над проектом typescript в коде Visual Studio и хотел бы скрыть .js.map (и, возможно, даже .js) файлы отображаются в проводнике. можно ли отображать только .ts файлы в проводнике? ...

Typescript: интерфейсы против типов

в чем разница между этими операторами (интерфейс против типа)? interface X { a: number b: string } type X = { a: number b: string }; ...

В Angular, как вы определяете активный маршрут?

Примечание:есть много разных ответов здесь, и большинство из них были действительны в то или иное время. Дело в том, что то, что работает, изменилось несколько раз, когда команда Angular изменила свой маршрутизатор. Версия маршрутизатора 3.0, которая в конечном итоге будет the маршрутизатор в угловых перерывах многие из этих решений, но предлагает очень простое решение самостоятельно. По состоянию на RC.3, предпочтительным решением является использование [routerLinkActive] как показано в этот о ...