博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularJs学习日记[4]:AngularJS表达式【2】
阅读量:6242 次
发布时间:2019-06-22

本文共 766 字,大约阅读时间需要 2 分钟。

hot3.png

1、数字计算demo:

Total in dollar: {

{ quantity * cost }}

运行结果:

162642_USGf_1267040.png

这里进行的不再是常量计算,而是进行的变量计算,变量在计算前通过ng-init进行了初始化。


2、字符串计算demo:

The name is {

{ firstName + " " + lastName }}


3、对象计算demo:

The name is {

{ person.lastName }}


4、数组计算demo:

The points are {

{ points[2] }}


这里所有的变量计算的初始化都是在元素的自定义属性ng-init中进行的,这并不是一个好的方法,AngularJs是可以将初始化工作放到控制器中的:

      
        {
    { x.name + ', ' + x.country }}  
function namesController($scope) {    $scope.names = [        {name:'Jani',country:'Norway'},        {name:'Hege',country:'Sweden'},        {name:'Kai',country:'Denmark'}    ];}

参考文献:

转载于:https://my.oschina.net/710409599/blog/311261

你可能感兴趣的文章
二叉树
查看>>
十分简单的抛物线运动
查看>>
乘法逆元(转)
查看>>
android repo库的创建及代码管理
查看>>
tomcat 配置
查看>>
Cloudera Certified Associate Administrator案例之Configure篇
查看>>
QTP完全卸载
查看>>
【跨域】#001 JSONP原理解析【总结】
查看>>
Linux下mysql的安装和配置
查看>>
Scrum 项目 4.0-5.0-约教网站开发(一)
查看>>
CSS3变形transform 2D初级了解
查看>>
uva 11806 Cheerleaders (容斥)
查看>>
[HAOI2012]音量调节
查看>>
week07 codelab02 C72
查看>>
ubuntu系统备份与还原
查看>>
人无股权不富
查看>>
JavaScript屏蔽Backspace键
查看>>
dom4j的安装
查看>>
graphical Layout调大一点
查看>>
Python中使用lambda函数
查看>>