AngularJS 表达式

原创

于 2024-10-15 06:03:49 发布 · 408 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#开发语言

AngularJS 表达式

AngularJS 是一个流行的 JavaScript 框架，用于构建动态和交互式的单页应用程序。它通过扩展 HTML 的语法，允许开发者以声明式的方式绑定应用程序的数据到 HTML 元素上。AngularJS 的核心特性之一就是表达式，它类似于 JavaScript 代码片段，可以在 HTML 中执行，并与 AngularJS 作用域中的数据绑定。

什么是 AngularJS 表达式？

AngularJS 表达式是一种类似于 JavaScript 表达式的代码片段，它写在双大括号 { { expression }} 中。当 AngularJS 处理这些表达式时，它会计算作用域（scope）中的变量和函数，并将结果插入到 HTML 中。这使得数据绑定变得非常简单和直观。

例子

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">
  <p>姓名： {
  
  { firstName + " " + lastName }}</p>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.firstName = "John";
  $scope.lastName = "Doe";
});
</script>

</body>
</html>

在这个例子中，{ { firstN