在angular2中如何实现点击事件当中某个div的显示和隐藏呢

如题所述

第1个回答  2017-11-04
可以直接使用jQuery的hide()方法来实现隐藏某个元素。工具原料:编辑器、浏览器1、实现的思路是给a标签绑定一个点击事件,然后点击事件触发后使用hide方法来隐藏指定的元素,简单的代码示例如下:内容文字点击2、运行的效果如下:点击前:点击后:本回答被提问者采纳

Javascript angular2中$event.target有时获取的是当前元素的子元素...
这种情况下,event.target就是指最初触发事件的那个子元素(就比如你题目中的img),而event.currentTarget才是被冒泡后触发事件的当前元素(比如li)。这也就意味着,当你点击li时,如果点到的是子元素img,则event.target就是img,而event.currentTarget则是li,而当你点到的是li里面除img之外的其他部...

在Angular2中如何实现组件交互
父组件<hero-child [hero]="myhero" ><\/hero-child>myhero = "Mr.IQ";这里子组件的@Input表示它需要hero这个实体,之后父组件引入子组件的时候,就得在子组件标签内写入hero,同时在自己的组件内为hero赋值就实现了父组件数据绑定到子组件父组件监听子组件的事件子组件<button (click)="vote(true...

如何在Angular2中使用jQuery及其插件的方法
Angular2中使用jQuery 首先在index.html中引用jquery。然后我们编写我们的app.component.ts 首先需要使用declare生命我们的jQuery,使之成为一个可用的变量,然后,我们需要导入OnInit模块并实现,我们编写的jquery代码就在这里,问中展示了我们向id为title的标签替换内容,HTML页面是这样的 <div id="title" ...

angular2失去焦点函数怎么写
加上 ngFocus 指令后,将在输入框的blur和focus事件中注册相应操作,当焦点在该输入框时,它添加一个class(ng-focused),并且该输入框的$focused属性也将变为true。因此,你可以根据需求是否在焦点上来个性化设置显示错误消息。例如:<div class="error" ng-show="signup_form.name.$dirty && signu...

angular2中如何设置当前页面的背景色?
代码如下:<template> <div> \/\/div里面的代码省略了.div代表下图中灰色的容器 <div> <\/template> <style scoped> div{ width: 100%;height: 100%;background-color: #f5f5f5;} <\/scoped> ---

作为前端,我为什么选择 Angular 2
在Angular 1和Angular 2中最具特色的应该算是依赖注入(DI)系统了,它把后端开发中用来解决复杂问题、实现高弹性设计的DI技术引入了前端。Angular 2中更是通过引入TypeScript赋予它更高的灵活性和便利性。不过,Angular 2并没有敝帚自珍,把它跟框架本身紧紧黏结在一起,而是把它设计成了一个独立可用的模块。这就...

js怎么点击导航菜单js怎么点击导航菜单没反应
1,给容器加个padding-bottom或者margin-bottom,这个用的最多; 2,用js写成向下滑动时隐藏,点击屏幕或者向上滑动时显示,这种方式的优点是用户浏览内容时,不会被遮挡; 3,判断高度是否到达底部,控制position,一般浮动导航这么做。 js如何用框架做导航栏? js通过form选项用框架做导航栏 抢首赞 已赞过 已踩过< 你对...

AngularJs 1.x和AngularJs2的区别
1.x 的多重依赖注入机制 在 Angular 1 中, 我们可以使用在多重地方使用不同的方法进行注入: 在链接方法中通过位置注入 在直接定义中通过名字注入 在controller方法中通过名字,等等。 Angular 2 将会作出怎样的该进 而在 Angular 2 中有且仅有一种依赖注入机制: 在构造函数中通过类型注入。

django如何实现点赞功能(2023年最新解答)
具体实现下面功能:(1)输入5个选手姓名和每个评委的评分(2)求每个选手平均分(去掉1个最高分和1个最低分)(3)按平均分从高到低分排序(4)按名次输出。(5)将本次结果保存起来(6)要求用户界面尽可能美观友好 html实现点赞效果,HTML+CSS入门点赞功能实现$(tag).css('属性','样式') 本篇教程介绍了HTML+CSS...

angular8?
记录angular8中使用input框输入每一个字符都会失去焦点问题前端框架angular8.0 ui组件NG-ZORRO 场景:表单输入:前端动态添加input框 数据:eg:['123','222','xxx']数组每项为string类型,?["192.168.1.127\/24","123.2.1.11","123.2.1.11-192.168.1.127 div?*ngFor="letitemofipPool...

相似回答