AngularJS 世界------Angularjs和Javascript以及表达式相关内容

向右看齐 2023-02-08 13:00 5阅读 0赞

> 在上节我们讲了Angular简介，其中最后说了有 表达式 、指令和模型。  
> 下面三节将依次详细说一下。首先是表达式，那么Angular和Javascrit中的表达式有什么区别呢？

## AngularJS 表达式 ##

AngularJS 表达式写在双大括号内：\{ \{ expression \}\}。  
AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。  
AngularJS 将在表达式书写的位置”输出”数据。  
AngularJS 表达式 很像 JavaScript 表达式：它们可以包含文字、运算符和变量。  
实例 \{ \{ 1 + 1 \}\} 或 \{ \{ a+ ” ” + b \}\}

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
    </head>
    <body>
    
    <div ng-app="">
        <p>我的第一个表达式: {
        { 1 + 1 }}</p>
    </div>
    
    </body>
    </html>

## AngularJS 表达式 与 JavaScript 表达式 ##

类似于 JavaScript 表达式，AngularJS 表达式可以包含字母，操作符，变量。  
与 JavaScript 表达式不同，AngularJS 表达式可以写在 HTML 中。  
与 JavaScript 表达式不同，AngularJS 表达式不支持条件判断，循环及异常。  
与 JavaScript 表达式不同，AngularJS 表达式支持过滤器。

还有AngularJS和JavaScript 中的数字、字符串、对象、数组很像。

## 数字 ##

<div ng-app="" ng-init="num=2;price=8">
    
    <p>总价： {
        { num * price }}</p>
    
    </div>

## 字符串 ##

## 对象 ##

## 数组 ##

<div ng-app="" ng-init="arr=[0,1,2,3]">
    
    <p>第三个值为 {
        { arr[1] }}</p>
    
    </div>