一、AngularJS表达式核心概念

AngularJS表达式是数据绑定的核心机制，用于在HTML模板中动态输出数据。与传统JavaScript表达式不同，Angular表达式直接在作用域($scope)上下文中执行，提供简洁的数据渲染能力。

表达式特性：

• 自动同步：当数据模型变更时视图自动更新
• 容错机制：{{ undefinedVar }}不会引发页面崩溃
• 过滤器支持：通过管道符(|)实现数据格式化
• 指令集成：与ng-bind等指令无缝协作

二、AngularJS表达式实例代码

1. 基础数据绑定

<div ng-app="myApp" ng-controller="myCtrl">
  <p>欢迎用户: {{ userName }}</p>
  <p>订单金额: {{ orderAmount | currency }}</p>
</div>

<script>
angular.module('myApp', [])
  .controller('myCtrl', function($scope) {
    $scope.userName = "李经理";
    $scope.orderAmount = 1580.5;
  });
</script>

2. 对象与数组操作

<ul>
  <li ng-repeat="item in productList">
    {{ item.name }} - 库存: {{ item.stock }}
  </li>
</ul>

<script>
$scope.productList = [
  { name: "云服务器ECS", stock: 42 },
  { name: "对象存储OSS", stock: 87 }
];
</script>

3. 逻辑表达式

<div ng-class="{ 'text-danger': remainingTime < 24 }">
  服务到期: {{ expirationDate | date:'yyyy-MM-dd' }}
</div>