在Angular中，模板变量和计算可以通过使用模板表达式和模板引用变量来实现。

1. 模板表达式： 模板表达式允许在模板中进行简单的计算和操作。以下是一个示例，展示如何在模板中使用模板表达式来计算两个数的和：

计算和
和为：{{result}}

// 组件
export class MyComponent {
  result: number;

  sum(num1: number, num2: number) {
    this.result = +num1 + +num2; // 将输入的字符串转换为数字
  }
}

在上面的示例中，我们使用了模板引用变量#num1和#num2来获取输入框中的值，并将它们传递给sum方法进行计算。计算结果存储在组件的result属性中，并在模板中显示出来。

2. 模板引用变量： 模板引用变量允许在模板中引用特定元素或组件，并对其进行操作。以下是一个示例，展示如何使用模板引用变量来在模板中显示元素的属性：

显示名字
你的名字是：{{name}}

// 组件
export class MyComponent {
  name: string;

  showName(name: string) {
    this.name = name;
  }
}

在上面的示例中，我们使用了模板引用变量#nameInput来获取输入框中的值，并将它传递给showName方法。然后，在showName方法中，我们将输入的值存储在组件的name属性中，并在模板中显示出来。

这些示例展示了如何在Angular中使用模板变量和计算。你可以根据自己的需求进行相应的调整和扩展。