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

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

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

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

У меня есть массив, содержащий функции фильтра, которые необходимо применить к массиву элементов в 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(); } Есть ли способ применить список фильтров без жест ...

У меня есть приложение 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 ...

Я пишу 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 ...

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

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

Я использую 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, я вижу, что состояние о ...

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

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

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

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

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

СИТУАЦИЯ: пожалуйста, помогите! Я пытаюсь сделать то, что должно быть очень простой формой в моем приложении 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 в угловой? Оба они, похоже, выполняют одну и ту же задачу и имеют одни и те же атрибуты. каковы варианты использования и когда предпочтительнее один над другим? ...

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

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

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