草庐IT

angularjs-animation

全部标签

javascript - 带有PNG文件的AngularJS素材图标

我现在使用AngularJS有一段时间了,但我才刚刚开始研究Material来自Angular团队的项目。在过去的两天里,我试图让图标指令(https://material.angularjs.org/#/api/material.components.icon/directive/mdIcon)至少与PNG文件一起工作,但我无法让它工作......是的,我已经阅读了文档并且没有提到PNG并且该指令似乎只适用于SVG和CSS图标,但我仍然希望有一个可用的技巧。那么:有什么方法可以对任何PNG图像使用AngularJSMaterialIcon指令吗?在此先感谢您的帮助!安德烈

javascript - AngularJS 的 404 图片加载问题

我想在网站中放置一个二维码,可以说它可以是从ASP.NETMVC操作提供的任何图像文件——但在本例中它是一个二维码。SCAN我将一些查询字符串参数传递到我的端点以生成QR码,它以GIF格式返回。使用AngularJS,我正在设置标签src属性。url和查询字符串是在AngularJSController中构造的。我的问题是,在Angular加载数据并将数据绑定(bind)到控件之前,在替换Angular表达式之前,当浏览器尝试获取图像时,我收到HTTP404错误。脚本运行后,QR码显示,如预期的那样。希望不要收到此HTTP错误。我能以某种方式延迟加载吗?或者稍微不同地使用Angular

javascript - Angularjs 开始日期和结束日期验证

我是Angularjs的新手,正在尝试验证2个场景。我有2个文本框,一个是开始日期,另一个是结束日期。我正在检查如果开始日期不早于或等于今天,则在用户界面上显示验证错误。应该是今天或今天之后的任何一天。如果开始日期晚于结束日期,则在用户界面上显示验证错误。结束日期应晚于开始日期。我试过下面的代码,但没有用。请提出任何建议。HTML代码StartDate:EndDate:{{errMessage}}js代码$scope.checkErr=function(startDate,endDate){$scope.errMessage='';$scope.curDate=newDate();if

javascript - 文本输入仅允许angularjs中的整数输入

我想设置html输入[number]允许仅整数输入(不是float)。基本上,htmlinput[number]允许'.'为float输入而输入,我不希望这样。有没有在AngularJS中快速完成的方法? 最佳答案 这是如何实现的。使用输入类型-'文本'指令:app.directive('onlyNumbers',function(){return{restrict:'A',link:function(scope,elm,attrs,ctrl){elm.on('keydown',function(event){if(event.sh

javascript - IE 中的 AngularJS 错误与风格 vs ng 风格

我正在使用AngularJSv1.1.5,发现了一个有趣的IE相关问题。在IE9、10、11和Edge中,以下内容似乎不起作用,尽管它在Chrome中运行良好:虽然这适用于所有浏览器:我很好奇为什么第一个选项在IE/Edge中不起作用。是否有任何已知的错误? 最佳答案 当IE9和10尝试呈现该HTML时,它基本上会删除在要解析的HTML上找到的无效HTML。所以style="display:{{'block'}}"被认为是无效的html,因为它有未知的{{}}语法并且它使得呈现为style=""的属性除了ng-style之外,您还可

javascript - 有没有办法直接在 Angularjs 中与 Controller 和范围进行交互?

我定义了一个Controller,范围内有一些变量。我可以知道是否有办法直接在Controller外部为范围变量赋值(不是通过ng-model)?另外,我可以直接在的某处调用Controller的功能吗?网页元素(而不是使用ng-click)?谢谢!干杯,克里斯 最佳答案 angular中的Controller定义实际上是一个类而不是对象。在HTML中引用Controller的每个地方,在编译阶段,angular使用定义的Controller类创建一个新的Controller对象。因此,您可以引用具有相同Controller类的多个

javascript - 只执行一次jquery animate

我有以下功能:$('.link1').click(function(){$("#div2").slideUp(function(){$("#div1").slideToggle();});$('html,body').animate({scrollTop:'600px'},800);});它切换一个div并向下滚动页面。问题是每次用户切换页面时再次向下滚动......我怎么能只在第一次点击时运行这个动画功能? 最佳答案 使用标志或设置数据属性来确保滚动动画只在第一次点击时出现。varflag=true;$('.link1').cli

javascript - 使用angularjs单击输入后运行textbox.blur

我有一个小的angularjs应用程序,我只为iPad(safari浏览器)开发。顶部有一个文本框,用作ng-repeat的过滤器。我想要实现的是一旦有人点击“开始”按钮就关闭ipad上的键盘。我看到关闭键盘的方法是模糊输入元素HideTheiPadKeyboardByHittingtheReturnKey我正在使用AngularUI库,所以我触发了onKeyUp事件并检测了回车键。这是文本框的html。我正在使用ui-keypress事件调用keypressCallback下面是javascript的简化版本,其中只包含keypressCallback函数varGunnersenAp

javascript - 在 html5mode angularjs 中注销 url?

所以现在我已经配置了html5mode。$locationProvider.html5Mode(true);$locationProvider.hashPrefix('!');我的express支持html5mode的中间件到此结束app.use(function(req,res){if(!req.path.match('/calendar|/user|/create|/profile')){returnres.send(404);}res.render('home/index',{currentUser:req.user});});而且我所有的url在Chrome和Firefox3.

javascript - 当名称字段中包含 .(点)时,如何使用 angularjs 验证表单?

在我的表单中,我有一个带有name="Customer.Firstname"的输入标签,所以当我在angularjs中引用name值时,它只将customer作为值,而.Firstname将无法识别。这是我的代码:FirstName这里我试图在文本框为空时隐藏标签。我该怎么做? 最佳答案 您可以使用bracketnotation使用点访问keyFirstName演示:Fiddle这可以重写为FirstName演示:Fiddle 关于javascript-当名称字段中包含.(点)时,如何使