博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
重新学习angularjs--第一篇(入门)
阅读量:4607 次
发布时间:2019-06-09

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

  几乎是一年之前,泛泛接触了angularjs,也做了一些项目,但是时至今日,几乎已经忘记了ng的使用,由于业务需要,近日要攻克这座难关,重新学习。会把学习的一些东西拿出来,记录之。

     angularjs的官网:https://angularjs.org/,就不介绍这个框架了,直接学习这个框架。

     同jquery一样,通过script标签的引入。我们可以通过cdn的方式引入,也可以下载下来到我们本地再引入下载地址 ,

 

    这样<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>  或者这样

    <script src="js/angular.min.js"></script>

引入了这个框架之后,页面中就有了这么一个蓄势待发的作用范围了,接下来的代码结构中,如果用到了ng里面的关键词,那么这个框架就开始正式起作用了。

    
Document

名字 :

Hello {
{name||'world'}}

这里的ng-app,不可缺少,这个是angular的抓取的关键词,程序了有这么一个关键词,angular就知道了这个是它的领域了,它要按照它的规则来执行下面的代码了。没有的话,页面会按照一般的html的方式渲染。

写了ng-app的这样:

没写这样:

这里 ng-model 指令把元素值(比如输入域的值)绑定到应用程序,它的名字可以理解为js里面传的一个变量。因此下面的值就显示为 里面的值。{

{name||"world"}},当input的值为空,则name表达式为假,就自然往后面走,以后面的真值为主,字符串不为空,为真,因此大括弧里面出现的最后值为,world。当input里面有数据了,就以name的主了。这里讲解了“”||“” 的用法,具体的解释,请找别的篇目阅读。 ng-app不可重复。

     啰嗦一句,ng-model=“******”,****这里不能当做字符串理解,应该当一个js变量理解,不仅ng-model,ng-init,ng-repeat等;{

{}}  大括弧里面就是一个js的作用空间,里面的值就会当做变量或者我们普通定义js变量那样执行。

    

循环对象:

  • {
    { x.name + ', ' + x.country }}

ng-repeat=“x in name” ,这里很像我们 for in  循环,这里的x 指的是数组names的对象了,这个指令的意思,就是循环数组对象,然后放入我们的页面li中。

  

每日一句:What we anticipate seldom occurs; what we least expect generally happens. ----Benjamin Disraeli 

翻译:我们所预料的事情很少发生,我们最始料不及的事情却往往发生了。——本杰明·迪斯雷利 

转载于:https://www.cnblogs.com/adouwt/p/6528571.html

你可能感兴趣的文章
应用程序设计:图书管理系统模板(链表+文件)
查看>>
遗传算法学习--多目标优化中的遗传算法
查看>>
Git的安装和使用教程详解
查看>>
列变位法解密----2015年百度之星程序设计大赛 - 资格赛
查看>>
[记录]Wdinwos scikit-learn 安装
查看>>
Tomcat配置多个文件夹
查看>>
Codeforces Round #445 Div. 1 C Maximum Element (dp + 组合数学)
查看>>
该配置节不能包含 CDATA 或文本元素
查看>>
【Matlab】正态分布常用函数normpdf_normcdf_norminv_normrnd_normfit
查看>>
SSH_框架整合4--添加员工信息
查看>>
数据适配器:Adapter
查看>>
MySQL命令行登陆,远程登陆MySQL 的方法
查看>>
mybatis pagehelper分页插件使用
查看>>
2019.3.21 网络基础知识
查看>>
设计模式相关面试问题-单例
查看>>
第四次作业
查看>>
jquery阻止冒泡事件:$('span').bind("click",function(event){event.stopPropagation();})(有用源)...
查看>>
IE6中常见BUG与相应的解决办法
查看>>
HDU 1856 More is better 并查集(基础模板题)
查看>>
牛客寒假算法基础集训营6 美食 (贪心)
查看>>