angularjs表达式
程序员文章站
2024-03-15 13:40:53
...
AngularJs 简介
AngularJs是一个JavaScript框架,它是一个JavaScript编写的库
需要引入文件 像jQuery一样可以引入网上的也可以引下载好本地的文件
ng-app是告诉这是AngularJs应用程序
ng-model把元素值绑定到应用程序.
ng-bind把应用程序数据绑定到html视图
<div ng-init="firstName=''" ng-app=''>
<p>姓名:<input type="text" ng-model="firstName" ></p>
<p>名字{{ firstName }}</p>
//这样我们在input框输入的名字会在 名字的P标签显示出来
//ng-app是告诉angularjs这是一个angular控制的
如果你整个html文件都是用angularjs写的那么可以用一个ng-app就可以
ng-app写在body
<body ng-app" ">
这样代表这个页面都是angular
在表达式{{ }}里也可以写运算
{{ 5*6 }}
ng-init是初始化 也就是刚开始的时候显示什么
<div ng-init="qty=1;cost=2"><!--里边的值是初始化的时候显示什么-->
<b>订单:</b>
<div>
数量: <input type="number" ng-model="qty" required >
</div>
<div>
单价: <input type="number" ng-model="cost" required >
</div>
<div>
<b>总价:{{ qty * cost}}</b>
</div>
</div>
初始化的时候数量是1 单价是2
如果你在弄一个邮箱登录 需要验证他是不是正确邮箱格式 需要一个 ng-show
<span ng-show="myForm.myAddress.$error.email">不是一个合法的邮箱地址</span>
它会根据 ng-show里的值判断你输入的是否正确