草庐IT

function-style

全部标签

javascript - Angular 2 “ng-style” “*ngFor” 内背景颜色变化

我正在尝试使用ng-style应用背景颜色。列表的每一行都是使用ngFor生成的。每个元素都有单独的背景颜色{{item.category}}还有Typescript.ts:varcharacters=[{name:'Gollum',quote:'Sneakylittlehobbitses!',items:[{bgcolor:'fb9667',img:'airTicket',category:'Airtickets'},{bgcolor:'000000',img:'airTicket',category:'Beauty/Fitness'},{bgcolor:'0b9660',img:'

javascript - 使用 ng-style 设置样式后悬停时更改背景颜色

我有一个单词列表,每个单词都分配了一个数字(条纹)。我使用AngularJS的ng-style根据分配给它的数字设置每个单词的背景颜色。html{{item.word}}{{item.streak}}从ng风格调用的javascript。$scope.bgstyle=function(streak){varred=255;vargreen=255-streak;varblue=255-streak;varrgb=blue|(green这可行,但是,我希望当鼠标悬停在一个词上时突出显示背景。我添加了一个类“tHi”,它通常会在悬停时更改背景,但它被添加的样式覆盖了。这是一个jsfiddl

javascript - Angular 1.5 组件 : passing a function

是否可以将函数传递给组件并在传递参数的组件内部调用此函数?例子:帖子列表getPostUrl是一个函数(在容器Controller中):constgetPostUrl=(postId)=>{constprotocol=$location.protocol();consthost=$location.host();constport=$location.port();returnprotocol+"://"+host+""+(port!==80?":"+port:"")+"/blog/post/"+postId;};帖子列表:组件constPostList={"bindings":{"p

javascript - 我所有的 Observables 错误 'takeUntil is not a function'

出于某种原因,我无法在我的任何可观察对象上使用takeUntil方法。我的IDE(VisualStudioCode)在我编码时将其显示为有效方法,并且编译良好(从typescript),但是当我运行它时,我得到takeUntilisnotafunction在我的任何observables上。我使用的是rxjs版本5.3.0。我可以通过多种方式实现它,但这可能是最直接的:letsubject:BehaviorSubject=newBehaviorSubject({});letunsubscribe:Subject=newSubject();subject.takeUntil(unsubs

javascript - 创建一个 jQuery 插件 : best practices regarding functions' visibility?

我正在创建一个jQuery插件。到目前为止它工作正常,但我对我做事的方式有疑问:jQuery.fn.myMethod=function(){returnthis.each(function(){MyScope.doSomething(jQuery(this).attr("id"));});};varMyScope={//ThefunctionscontainedinMyScopeareextremelylinkedtothelogic//ofthispluginanditwouldn'tmakealotofsensetoextractthemdoSomething:function(i

javascript - gulp with gulp-ruby-sass : Error: . ./style.css.map:3:1: 未知词

使用基本的gulp/expressbuildwatch出现奇怪的错误。目录布局project/-sass/-style.scss-gulpfile.js-index.htmlGulpfile.jsvargulp=require('gulp'),sass=require('gulp-ruby-sass'),autoprefixer=require('gulp-autoprefixer'),minifycss=require('gulp-minify-css'),rename=require('gulp-rename');gulp.task('express',function(){var

javascript - React JS 未捕获引用错误 : function not defined

我正在尝试在ReactJs组件中发生单击事件时调用shuffleCards。但是,我收到以下错误:UncaughtReferenceError:shuffleCardsisnotdefined这是我的代码:constructor(props){super(props);this.state={count:0};}shuffleCards(array){vari=array.length,j=0,temp;while(i--){j=Math.floor(Math.random()*(i+1));temp=array[i];array[i]=array[j];array[j]=temp;}

javascript - JavaScript 中的 var thing 和 function thing() 有什么区别?

我只是想知道以下JavaScript对象声明之间的区别。具体来说,thingobjectliteral和thingclass中的thing1object之间的区别。代码:varthing={sanity:0,init:function(){//code},send:function(){//code}}functionthing(){this.sanity=0;this.init=function(){//code};this.send=function(){//code};}thing1=newthing(); 最佳答案 静态对象

javascript - Javascript 中的 !function 是什么意思?

这个问题在这里已经有了答案:Whatdoestheexclamationmarkdobeforethefunction?(8个答案)关闭5年前。很抱歉发布这个,但是!function无法通过google搜索,而且我没有在我的JavaScript代码中找到它。Twitter是这样使用它的:Tweet!function(d,s,id){varjs,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/wi

javascript - JavaScript 中的 "uncaught TypeError: Object is not a function"

我无法理解为什么这不起作用。我的表单上有两个字段,当我单击一个按钮时,另一个文本字段值将更改为该函数的值。我怎样才能让它发挥作用?functioncalculate(){varodometerStart=parseFloat(document.getElementById('odometerStart').value);varodometerEnd=parseFloat(document.getElementById('odometerEnd').value);vardistance=document.getElementById('distance');varamount=docum