angularJS的学习记录
来源:互联网 发布:淘宝卖玉器最好的店 编辑:程序博客网 时间:2024/05/21 21:39
一、AngularJS简介:
1、AngularJS是javascript的一个框架,它可以通过<script>标签添加到HTML页面中;
2、AngularJS通过指令扩展了HTML并且通过表达式绑定数据到HTML;
3、AngularJS是一个以javascript编写的库;
4、AngularJS是以一个javascript文件形式发布的,可以通过<script>便签嵌入到HTML页面中:
<scriptsrc="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
二、一个简单的AngularJS例子
运行结果如下图:
在输入框中输入名字时候出现如下结果:
三、再来个小例子
其运行结果为:
其效果同第一个例子类似,就不上图了。
在这个例子中,需要注意的是:
ng-app指令顶一个AngularJS的应用程序;
ng-model指令把元素值(或者是输入域的值)绑定到应用程序上。
四、AngularJS指令
AngularJS的指令是以ng作为前缀的HTML属性
ng-init初始化AngularJS应用程序变量,例如:
其结果为:姓名为John-tlp
还有很多指令,可以查阅官方api,这里就不多写了。
五、AngularJS表达式
AngularJS的表达式是写在双花括号之中的比如上面的{{your name}}。它和javascript表达式类似,可以包含文字、运算符和变量
比如{{5+5}},其运行结果是10
学习教程来自于菜鸟窝。
未完待续。。。。。。
阅读全文
0 0
- angularJS的学习记录
- AngularJS学习记录-过滤器的应用
- Angularjs 学习记录
- AngularJS 学习记录
- angularJS 学习记录
- angularjs学习记录
- AngularJS学习记录
- AngularJS学习记录-表单验证
- AngularJS学习记录-select标签
- AngularJS学习记录-作用域
- AngularJS学习记录-工具方法
- AngularJs学习记录--双向数据绑定的HelloWorld!
- AngualrJS的学习记录(三)一一AngularJS指令小结
- angularjs学习记录--使用纯angularjs写的另类瀑布流布局
- AngularJS很基础的记录
- Ionic+angularjs 系列文章学习记录
- AngularJS学习记录-指令复制元素
- AngularJS学习记录-过滤器(基本使用)
- github上十二款最著名的Android播放器开源项目
- electron cookie实现记住密码
- AndroidStudio常见错误收集(MAC版)
- 返回字符串的长度
- Android 5.1.1 源码目录结构
- angularJS的学习记录
- python3编译成pyc文件
- 测试用例设计设计方法——正交实验法
- Elasticsearch、Kibana权限控制
- win10安装flash ax debuger
- E盘提示文件系统损坏要怎样办啊
- Java并发编程
- android logcat输出json长度不足
- call 与 apply