如何在角度使用大括号

Question

我没有得到所需的输出为20。

这有什么问题？

{{x = 4*5}}

Answer 1

您不能使用赋值运算符，只能使用数字或变量。

这些花括号“{{}}”被称为

插值

如何使用？

在你的html模板中，将其写为

X = {{ 4 * 4 }} // X = 16
X = {{ variable * 4 }}
X = {{ variable1 * variable2 }}

这些变量是组件类（控制器类）的属性

Answer 2

Interpolation {{....}}是将数据绑定到模板的最简单视图 可以执行哪种插值：

1. expressions {{2+2}} Angular评估表达式并在浏览器4中显示结果。
2. 您可以执行字符串连接{{"welcome"+ name}}。
3. 您可以使用内置的javascript属性和方法：
     {{name.length}}将显示字符串的length   {{name.toUpperCase()}}
   
4. 您还可以调用组件中定义的方法  {{greet()}}，在您的组件中定义为greet(){return 'hello user';}

什么插值无法做到：
 1.你不能将表达式的结果赋值给一个变量     {{x=2+2}}插值。

1. 访问全局javascript变量，如窗口，屏幕 不允许{{window.href.location}}

2. new关键字不允许为

3. 使用;或,递增和递减运算符来链接表达式
不允许使用（++和 - ）

Answer 3

您可以使用以下字符串插值

{{'x = '}} {{4*5}}