clwn.net
当前位置:首页 >> 用AngulArjs实现点击第一个Div,让第二个Div的背景... >>

用AngulArjs实现点击第一个Div,让第二个Div的背景...

你可以这样 .red { background-color : red; } .orange { background-color: orange; } div1 div2 function TestController ($scope) { $scope.isChange = false; $scope. changeBgColor = function(row) { $scope.isChange = !$scope.isChange;...

JS代码: !function (global) { var mod = angular.module('test.bg', []); mod.controller('bgController', ['$scope', function ($scope) { $scope.div1Bg = '#ffffff'; $scope.div2Bg = '#ffffff'; $scope.changeBg = function () { $scope.d...

我实现了一个demo,剩下的事件绑定和style属性设置你自己用原生js去写吧 ps:你是做作业吗?为什么不用jQuery,不用jQuery的话,很多兼容性你都要去考虑 mybutton { display: block; width: 100px; height: 50px; border-radius: 20px; border: ...

ng-class或者ng-style。 用JSON格式写 ng-style “ {border :}”

指令和控制器的交互 指令复用 滑动加载 上面的代码平淡无奇,有个控制器有个指令(loader),下面可以看到我们通过 directive创建了这个指令,并且我们通过link的方法给他赋值鼠标事件(mouseenter)。angularjs怎么实现不同控制器下的div绑定

如果页面元素很少的话,那就试试每个div添加点击事件,在点击事件里面进行隐藏指定div

angularjs给div添加点击事件是通过ng-click来实现的。 写法:在$scope范围内定义的函数可以直接引用。 1、完整的html代码: {{course.Name}} 2、增加事件的OpenCourse方法: $scope.OpenCourse = function(courseId) {$window.alert("Called " +...

报名第一个div第二个divfunction btn1(){document.getElementById('div1').style.display='block';}function btn2(){document.getElementById('div1').style.display='none';document.getElementById('div2').style.display='block';}function b...

比如this is a div which is show 你设置isShow为true则显示,设置为false则隐藏 你把jq的代码用到angularjs有用才是特殊呢 用原生js onmouseover(){ $scope.isShow=true } 或者写 onmouseover(){ this.nextSibling.style.visibility='visible' ...

nth-child(even)和nth-child(odd)

网站首页 | 网站地图
All rights reserved Powered by www.clwn.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com