当前位置:   article > 正文

angular之绑定图片,ngFor、ngIf、ngswitch、ngclass、事件、双向绑定等_ngclass怎么绑定索引

ngclass怎么绑定索引

当我们使用vsCode想要更换新的组件的时候,找到app下面的这个:

然后输入新的组件的名字,就可以运行新的组件了。

目录

一、绑定图片

二、循环数据如何显示索引值

三、条件判断ngIf

四、条件判断ngSwitch

五、ngClass用法

六、事件

七、双向绑定


 

一、绑定图片

1、如果想要绑定本地图片,根目录下面找到assets,然后新建一个images的文件夹,将所需图片保存到该文件夹下面。用在文件资源管理器中显示打开,可以找到图片存放的位置,方便复制粘贴。

然后在前端直接使用就可以

2、以上是绑定本地图片的方法,如果想要绑定网上的图片的话,找到网上图片,右键复制图片地址,然后在后端声明,引号里面的是图片地址:

前端进行绑定:

二、循环数据如何显示索引值

后端建立一个数组,然后使用关键字index

  1. <div *ngFor="let item of arr; let key=index;" >
  2. {{key}} ---- {{item}}
  3. </div>

三、条件判断ngIf

后端:

public fff:boolean=true;

前端进行判断,页面就会显示“正确”,有ngIf,但是不存在ngElse

  1. <div *ngIf="fff">
  2. 正确
  3. </div>
  4. <div *ngIf="!fff">
  5. 错误
  6. </div>

四、条件判断ngSwitch

后端:

public orderStatues:number=1;

前端:

  1. <div>
  2. <span [ngSwitch]="orderStatues">
  3. <p *ngSwitchCase="2">
  4. false
  5. </p>
  6. <p *ngSwitchCase="1">
  7. true
  8. </p>
  9. <p *ngSwitchDefault>
  10. others
  11. </p>
  12. </span>
  13. </div>

五、ngClass用法

如果索引为0,调用red类,如果所以为1,调用orange类

  1. <div *ngFor="let item of arr; let key=index;" [ngClass]="{'red': key==0,'orange':key==1}" >
  2. {{key}} ---- {{item}}
  3. </div>

六、事件

1、后端输入事件名称

  1. run(){
  2. alert('执行方法')
  3. }

前端:

<button (click)="run()">执行该方法</button>

点击按钮会弹出执行方法四个字。

2、改变数据的方法

后端:

  1. setDate(){
  2. this.msg='我不是一条数据';
  3. }

前端直接声明:

<button (click)="setDate()">改变数据</button>
  1. <div>
  2. {{msg}}
  3. </div>

3、鼠标事件,拿keyUp举例

后端,使用参数e:

  1. keyUp(e){
  2. console.log(e.target.value);
  3. }

前端:

<input type='text' (keyup)="keyUp($event)"/>

在文本框输入时,机会显示所按键盘的值。$event是获取值的意思。

七、双向绑定

双向绑定,首先在module引入模块

后端输入一个字符串:

public keyWords:string='这是默认值';

前端:

  1. <input type='text' [(ngModel)]="keyWords"/>
  2. {{keyWords}}

这样text就和keyword进行了双向绑定,更改一个值,另外一个也会跟着一起改动。

 

然后下面是关键:

读每一本书的时候,可能刚开始并没有那么强烈的欲望,一般是看到三分之一或者一半的时候欲望逐渐变得强烈。《1984》这本书,当我看到三分之一的时候,我就有强烈的欲望要看下去,昨天看了一天,今天上午又看了半天,终于把这本书看完了。

看完之后我就怀疑人生了。

我感觉我已经被“老大哥”洗脑了,1+1=2吗?我是造物者,我要说1+1=3呢?如果每个人都说1+1=3呢?我感觉自己很无知,大部分人说什么就是什么,有知识的人说什么就是什么。自己的脑袋都是被看似合理的内容填充的,这算是“洗脑”吗?其实一项想,也是看待问题的一种方式。

回到正题,这本书真的让我大吃一惊,这是什么样的人才能写出这样的作品,这手法太秒了,看完拍案叫绝。作者是乔治奥威尔,他的另一部作品《动物庄园》,也是讽刺类型的小说,和《1984》有一点相似,就是《动物庄园》是以动物的角度来写的,二者都具有浓浓的讽刺味道。在这里,强烈推荐大家看一下哈。

《1984》结局让我大吃一惊,我以为自由会走向胜利,谁知走向胜利的是反派。

在书中,人们生活在监视之中,永远被思想警察监视着,到处都有监听器,如果有自己的想法,那么就会被抓起来进行思想改造,然后再人间蒸发。每一个人都不能拥有个人思想、个人主义,所做的一起都要为“老大哥”服务。所谓“老大哥”就是“d”的代表,“d”就是上层阶级、政府阶级。d员们没有自由,只能工作或者去公共场合,不能独自一人待着,因为独自一人会有产生自己思想的可能性。

在那个社会,人们在孩童时代就已经被洗脑了,到了青少年就会参加反性联盟。他们被“教育”的很好,要时刻留意身边的大人,如果自己的父母有异常行为,就要举报给思想警察。帕森斯是一名外围d员,他就是被自己的小女儿举报从而进了“仁爱部”(其实就是监狱),当他进去之后,并不怪罪自己的女儿,反而以她为荣,我的女儿就是厉害。看到这里,我感觉很压抑,家应该是一个温暖的地方,外面到处是监听器就算了,可是连家里都是间谍,这种生活很痛苦。

刚才说到反性,性爱是人的天性,但是在那个社会,“d”要抑制住人们的这种天性,让人们变得压抑,从而发奋的工作,将情绪转移到建筑、工作、战争上面。当然,性爱也成为了“d”分派的一种任务而已,而不是享受。不要说性,d员之间谈恋爱都不能光明正大的,如果被发现,那就要进行思想改造。所谓思想改造,就是对其进行肉体和精神上的折磨,直到他认为2+2=5为止,然后在把他杀掉。

在这种社会当中,肯定会有反抗人员。茱莉亚和温斯顿是书中仅有的两个想要反抗的角色,二者也偷偷摸摸的确认了关系。但是他们的一举一动全部都在监视之下,就连在最偏僻的树林当中也会有监控。核心d员奥布莱恩最终也将二位“思想改造”完毕。看的过程当中,我觉得应该不会有那么夸张,到了最后我才发现,整个城市都布满了监控,每一个地方都有,“d”很厉害,有一种不会输的感觉。并且不要相信任何人,在那里,几乎所有的d员都是“老大哥”的崇拜者,可能连一个店铺的老板也是伪装的d员,危险无处不在。

温斯顿是一名外围d员,他有自己的想法,向往自由,想要打倒“老大哥”。他错误的以为核心d员奥布莱恩和他一样,也要打倒老大哥,向往自由,最后却被他摆了一道,在仁爱部被进行思想改造。改造的过程很残忍,奥布莱恩要对他进行彻底改造,不是打完之后就招供的那种,直到温斯顿把所有知道的都说了出来,还是要对他进行折磨,这没有理由,这只是目的,是为了击垮他,对他进行彻底思想的改造,直到他由衷的认为2+2=5时,如果口头上说也不会停止折磨,要发自内心的认为,让他进行彻底的改变。

书中也提到了一个“双重思想”,意思是如果“d”说煤球是黑的,你要是说它是白的,那么你的思想就有问题,就要进行思想改造。如果“d”说了煤球是白的,那么所有人就要认为煤球是白的。这也是一种适应的能力。

真正的权利,不是对物的控制,而是对人的控制,更重要的还是对人思想的控制。看完这本书,很是害怕,王小波也说到,这不是乌托邦了,这就是历史。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/436167
推荐阅读
相关标签
  

闽ICP备14008679号