1、angular表达式

最新推荐文章于 2024-07-26 11:41:15 发布

weixin_30698527

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量80

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhangshuda/p/7640111.html

版权

angular表达式几种形式

1、{{ }}

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="https://cdn.bootcss.com/angular.js/1.6.6/angular.min.js"></script>
</head>
<body>
    <div ng-app="">
        {{5+5}}    
    </div>
</body>
</html>

2、表达式中的字符串

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="https://cdn.bootcss.com/angular.js/1.6.6/angular.min.js"></script>
</head>
<body>
    <div ng-app="" ng-init="firstName='zhang';lastName='hao'">
        {{firstName+''+lastName}}    
    </div>
</body>
</html>

zhanghao

3、表达式中的对象

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="https://cdn.bootcss.com/angular.js/1.6.6/angular.min.js"></script>
</head>
<body>
    <div ng-app="" ng-init="personal={firstName:'zhang',lastName:'hao'}">
        {{personal.lastName}}
    </div>
</body>
</html>

hao

4、表达式中的数组

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="https://cdn.bootcss.com/angular.js/1.6.6/angular.min.js"></script>
</head>
<body>
    <div ng-app="" ng-init="personal=[1,2,3,4,5]">
        {{personal[3]}}
    </div>
</body>
</html>

转载于:https://www.cnblogs.com/zhangshuda/p/7640111.html

weixin_30698527

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
1、angular表达式

angular表达式几种形式1、{{ }}<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-...
复制链接

扫一扫