TypeScript: странное поведение при переключении между PascalCase и camelCase

Why is that so? Is that a TypeScript issue or is this an Angular issue?

Ни один. Причина проблемы в том, что данные json, поступающие с вашего веб-сервера, не имеют точно такой же структуры/формата, в котором вы определили информацию о классе в машинописном тексте.

Is there an unwritten convention that I have to follow?

Ну да есть. Вы должны вручную протестировать и убедиться, что вы действительно получаете правильные структуры данных, прежде чем приводить их к конкретным классам. Чтобы уточнить, вы должны взять json (тело ответа HTTP), проанализировать его как JSON для универсального объекта, а затем проверить его, действительно ли он имеет все свойства (с тем же именем и типами) как класс (информация) что вы собираетесь их бросить. А затем сделайте это.

ОБНОВЛЕНИЕ: на самом деле есть классный способ определить, является ли объект конкретный тип и сообщите об этом машинописному сценарию, обеспечивая надежную защиту/защиту типа. Typescript имеет эту функцию, называемую Пользовательские функции Typeguard, где вы определяете функцию, которая возвращает true или false, если объект проверяется на принадлежность к определенному типу.

// user-defined type-guard function
function isInfo(obj: Object): obj is Info {
    if ('ManagedType' in obj && 'ApiTemplate' in obj) {
        return true;
    } else {
    // object does not have the required structure for Info class
        return false;
    }
}

// lets assume that jsonString is a string that comes from an
// http response body and contains json data. Parse it "blindly" to a generic object
let obj = JSON.parse(jsonString);

if (isInfo(obj)) {
    obj.ApiTemplate; // typescript in this scope knows that obj is of type Info
} else {
    // in this scope, typescript knows that obj is NOT of type Info
}

Why doesn't the TypeScript compiler throw an error or a warning, that using PascalCase may not work properly?

Поскольку вы используете неявное приведение, когда вы используете this.HttpClient.get<Info[]>(this.Url).toPromise<Info[]>();, вы говорите машинописи, что «эй, я знаю, что во время выполнения сервер отправит строку json, которая будет проанализирована и будет абсолютно точно совместима с Info[] (массивом информационных объектов ). Но на самом деле во время выполнения этого не происходит, потому что есть небольшая разница в чувствительности имен свойств к регистру. Typescript не будет ошибаться здесь, потому что вы неявно сказали ему, что знаете, что делаете.

Итак, чтобы уточнить:

Очевидно, что во время выполнения вы преобразуете объект JSON, который не полностью совместим с определением класса Info, к которому вы его неявно привели. Данные json на самом деле имеют имена свойств с camelCase, но вы определили класс Info с PascalName. Взгляните на этот пример:

//PascalCase
class Info 
{
    public ManagedType:string;

    public ApiTemplate:string;
}

let jsonString = `{
    "managedType": "1234asdf",
    "apiTemplate": "asdf1234"
}`;

// And HERE IS THE ISSUE. This does an implicit cast to Info object
// assuming that the JSON parsed object will strictly be the same as defined Info
// class. But that is not guaranteed. Typescript just assumes that you know
// what you are doing and what kind of data you will actually get in 
// runtime.
let obj: Info = JSON.parse(jsonString); 

Последняя строка приведенного выше примера выполняет точно такое же «слепое» преобразование/преобразование, что и эта:

this.Infos = await this.HttpClient.get<Info[]>(this.Url).toPromise<Info[]>();

По сути, вы сообщаете машинописному тексту, что ответ будет представлять собой классы Array of Info, определенные точно так же, как определение класса, но на самом деле в реальных данных json это не так, поэтому JSON.parse() вернет объект, который имеет имена свойств точно такие же, как в строке json, в camelCase вместо PascalCase, которые вы позволяете машинописному тексту принимать.

// typescript just assumes that the obj will have PascalCase properties 
// and doesn't complain. but in reality this at runtime will not work,
// because the json properties in the json string are camelCase. Typescript
// can not know what data you will actually cast to this type in runtime.
// and cannot catch this error
console.info(`accessing Info.ManagedType property: ${obj.ManagedType}`);

// lets check at runtime all the actual properties names
// they will be in camelCase, just like in the jsonString.
Object.keys(obj).forEach(key => {
    console.info(`found property name: ${key}`);
});