欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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里的值判断你输入的是否正确