angular表达式

简介: angular表达式

AngularJS 表达式可以包含字母,操作符,变量

  • 源于 $scope 对象
  • 容错性强 null, undefined
  • AngularJS 表达式不支持条件判断,循环及异常
  • AngularJS 表达式支持过滤器
  • $window对象
  • 可以写在 HTML 中

应用主入口页面常用ng-bind代替,防止页面初始化时闪现{{}},影响体验

<h1>{{表达式内容}}</h1>
<!-- 字符串,用单引号 -->
<div>{{'Hello,Angular'}}</div>
<!-- 字符串拼接 -->
<div>{{'100 + 200 = '+ (100 + 200)}}</div> <!-- 100 + 200 = 300-->
<!-- 运算式 -->
<div>{{1+2}}</div>
<!-- 三元表达式,但不支付if 形式 -->
<div>{{ a? 'yes':'no'}}</div>
<!-- 变量-->
<!-- controller.js -->
$scope.title = '主页'
<div>{{title}}</div> <!-- 主页-->
<!-- 函数-->
<div>{{ myfun() }}</div>
<!--  使用过滤器 对数据进行格式化 -->
<div>{{10/3 | number:2}}</div> <!-- 3.33 -->

AngularJS表达式不支持的形式

  • 不支持直接写入json对象: {}
  • 不支持直接写入循环
  • 不支持直接写入if判断

容错性强 null, undefined,可以屏蔽js的报错


相关文章
|
前端开发 JavaScript
对于Angular表达式以及重要指令的研究心得【前端实战Angular框架】
对于Angular表达式以及重要指令的研究心得【前端实战Angular框架】
对于Angular表达式以及重要指令的研究心得【前端实战Angular框架】
|
JavaScript 前端开发
Angular input控件的click事件表达式如何被转换成JavaScript函数
Angular input控件的click事件表达式如何被转换成JavaScript函数
117 0
Angular input控件的click事件表达式如何被转换成JavaScript函数
|
JavaScript 前端开发
Angular input控件的click事件表达式如何被转换成JavaScript函数
Angular input控件的click事件表达式如何被转换成JavaScript函数
Angular input控件的click事件表达式如何被转换成JavaScript函数
|
2月前
|
设计模式 JavaScript 前端开发
什么是 Angular 应用里的 Custom provider
什么是 Angular 应用里的 Custom provider
30 2
|
3月前
Angular 应用里异步打开对话框的技术实现
Angular 应用里异步打开对话框的技术实现
22 0
|
21天前
|
存储 JavaScript 前端开发
Angular 应用 node_modules 子文件夹 @types 的作用介绍
Angular 应用 node_modules 子文件夹 @types 的作用介绍
12 1
|
3月前
|
Web App开发 UED 开发者
谈谈企业级 Angular 应用的二次开发 - 基于 Angular Component 替换的 Extensibility 支持案例介绍
谈谈企业级 Angular 应用的二次开发 - 基于 Angular Component 替换的 Extensibility 支持案例介绍
40 1
|
1月前
|
开发框架 前端开发 安全
Angular:构建现代Web应用的终极选择
Angular:构建现代Web应用的终极选择
23 0
|
2月前
|
Go
Mac安装Angular并部署运行应用
Mac安装Angular并部署运行应用

热门文章

最新文章