在 AngularJS 中，表达式是一种用于数据绑定和计算的简单语言。它允许您在 HTML 页面中动态显示变量和表达式的值。虽然表达式并不像指令或控制器那样强大，但它们在许多情况下都非常有用。
在本文中，我们将重点介绍 AngularJS 中的 if-then-else 表达式构造。if-then-else 是一种条件表达式，它允许您根据条件的真假来确定要显示的内容。
基本语法
if-then-else 构造的基本语法如下所示：
{{condition ? trueValue : falseValue}}其中，condition 是一个可以求值为布尔型的表达式；trueValue 和 falseValue 则分别是当 condition 为真和为假时要显示的值。
例如，假设我们有一个名为 age 的变量，我们想在页面上显示该变量的描述信息。如果 age 大于等于 18，则显示 "成年人"，否则显示 "未成年人"。我们可以使用如下的表达式：
<p>{{age >= 18 ? '成年人' : '未成年人'}}</p>深入学习
上面的示例只是 if-then-else 表达式的一个简单用法。实际上，if-then-else 表达式还有很多高级用法。下面我们将介绍其中的一些。
嵌套表达式
if-then-else 表达式可以嵌套在其他表达式中。例如，我们可以使用如下的表达式来显示 age 变量的描述信息和其具体年龄：
<p>{{age >= 18 ? '成年人（' + age + '岁）' : '未成年人（' + age + '岁）'}}</p>多条件判断
if-then-else 表达式也支持多条件判断。例如，假设我们有一个名为 score 的变量，我们想根据该变量的值来显示不同的评价。我们可以使用如下的表达式：
<p>{{score >= 90 ? '优秀' : score >= 80 ? '良好' : score >= 70 ? '中等' : score >= 60 ? '及格' : '不及格'}}</p>这个表达式的意思是，如果 score 大于等于 90，则显示 "优秀"；否则，如果 score 大于等于 80，则显示 "良好"；以此类推。
使用函数
在 if-then-else 表达式中，我们还可以使用函数来计算返回值。例如，假设我们有一个名为 gender 的变量，它的取值为 'M' 或 'F'。我们想根据 gender 的值来显示不同的称呼。我们可以定义一个函数，如下所示：
$scope.getGreeting = function(gender) {
return gender == 'M' ? '先生' : '女士';
};然后，在页面中使用如下的表达式：
<p>{{getGreeting(gender)}}，欢迎光临！</p>指导意义
if-then-else 表达式是 AngularJS 中非常有用的一个特性。它可以让我们根据条件来动态显示内容，从而提高页面的交互性和可读性。
在使用 if-then-else 表达式时，我们需要注意以下几点：
- 不要过度使用嵌套表达式，否则会使代码变得难以阅读和维护；
- 对于复杂
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25119