AngularJS学习之路（二）AngularJS的表达式

yin_Pisces

于 2016-03-31 00:51:37 发布

阅读量482

点赞数

分类专栏： angularjs 文章标签： angularjs

本文链接：https://blog.youkuaiyun.com/yin_Pisces/article/details/51020772

版权

angularjs 专栏收录该内容

2 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AngularJS表达式</title>
    <script src="../../js/angular.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <!-- ng-init 表示初始化的数据 可以使对象、方法、字符串、数组 -->
    <div ng-app="" ng-init="num1=1;num2=2;name='Blue';sex='男';person={p1:'人1',p2:'人2'};points=['1','2','3']">
        <!-- 运算 -->
        <p>乘法：{{num1*num2}}</p>
        <p>加法：{{num1+num2}}</p>
        <p>减法：{{num1-num2}}</p>
        <p>除法：{{num1/num2}}</p>
        <!-- 字符串相加 -->
        <p>字符串相加：{{name + " " + sex}}</p>
        <!-- 对象 -->
        <p>对象：{{person.p1 + " ----- " + person.p2}}</p>
        <!-- 数组 -->
        <p>数组：{{points[1]}}</p>
    </div>
</body>
</html>