이 글은 여러분에게 도움이 되기를 바라며 주로 AngularJS 표현 예제를 여러분과 공유합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>AngularJS 表达式</title>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<!-- <script src="./angular.min.js"></script> -->
</head>
<body>
<!--
ng-app="" <p>是angularJS的“所有者”
*
练习可以空，但项目中一定要赋值，后面所说的模块。
一个特殊的指令，一个HTML文档只出现一次，如出现多次也只有第一个起作用；ng-app可以出现在html文档的任何一个元素上。
ng-init="" 初始化数据
ng-model="name" 输入框的数据绑定给<h1>
-->
<p ng-app="" ng-init="fruits={apple:'苹果',banana:'香蕉'};exercise=['足球','篮球','登山','滑雪','跑步'];quantity=2;price=5;firstName='诸葛';lastName='孔明'">
<!-- 数据绑定 -->
<p>名字 : <input type="text" ng-model="name"></p>
<h1>名字：{{ name }}</h1>
<!-- 两种方法进行 {{ a+b }} = ng-bind="a+b" -->
<!-- 数字 -->
<h1>算法：{{quantity-price}}</h1> <!-- -3 -->
<p>总价： <span ng-bind="quantity * price"></span></p> <!-- 10 -->
<!-- 字符串 -->
<p>姓名：{{ firstName + lastName}}</p> <!-- 诸葛孔明 -->
<p>姓名：{{ firstName+'&'+lastName}}</p> <!-- 诸葛&孔明 -->
<p>姓名：<span ng-bind="firstName+'卧龙'+lastName"></span></p> <!-- 诸葛卧龙孔明 -->
<!-- 对象 -->
<p>水果：{{ fruits.apple }}</p> <!-- 苹果 -->
<p>水果：<span ng-bind="fruits.banana"></span></p> <!-- 香蕉 -->
<!-- 数组 -->
<p>运动：{{ exercise[3] }}</p>
<!-- 滑雪 -->
<p>运动：<span ng-bind="exercise[2]"></span></p>
<!-- 登山 -->
</p>
</body>
</html>관련 권장 사항:
JavaScript 강화 튜토리얼 - AngularJS 표현식
AngularJS 입문 튜토리얼 - AngularJS Expressions_AngularJS
위 내용은 AngularJS 표현식 예시 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
