在Angular中，字符串连接可以使用插值表达式或者字符串模板来实现。如果字符串连接不按预期工作，可能是由于以下几种原因：

1. 插值表达式中的字符串连接不正确：在插值表达式中，使用双花括号将表达式包围，并使用加号（+）来连接字符串。确保加号（+）的两侧都是字符串，而不是其他类型的值。例如：

{{ 'Hello' + 1 }}
 // 输出: "Hello1"


{{ 'Hello' + '1' }}
 // 输出: "Hello1"

2. 字符串模板中的连接符不正确：在字符串模板中，使用反引号（）来包围字符串，并使用${}来引用变量和连接字符串。确保${}`中的表达式可以正确求值。例如：

// 错误示例
const name = 'Alice';
const greeting = 'Hello, ' + name + '!'; // 输出: "Hello, Alice!"

// 正确示例
const name = 'Alice';
const greeting = `Hello, ${name}!`; // 输出: "Hello, Alice!"

3. 字符串连接的顺序不正确：在进行字符串连接时，确保连接的顺序与预期一致。例如：

// 错误示例
const name = 'Alice';
const age = 30;
const info = 'My name is ' + name + ' and I am ' + age + ' years old.'; // 输出: "My name is Alice and I am 30 years old."

// 正确示例
const name = 'Alice';
const age = 30;
const info = 'My name is ' + name + ' and I am ' + age + ' years old.'; // 输出: "My name is Alice and I am 30 years old."

通过检查以上这些原因，并采取相应的纠正措施，应该能够解决Angular输出发出的字符串连接不按预期工作的问题。