草庐IT

angularjs-ng-if

全部标签

javascript - v-if 上平滑的 vue 折叠过渡

我正在努力尝试使用v-if顺利显示/隐藏内容的vue转换。虽然我了解css类和过渡,但我可以使用不透明度或翻译等方式使内容“平滑地”显示......但是一旦动画完成(或者更确切地说,当它开始时),下面的任何html部分似乎“跳跃”'.我正在尝试实现与Bootstrap4“折叠”类相同的效果-单击此处顶部的按钮之一:https://getbootstrap.com/docs/4.0/components/collapse/随着隐藏部分的出现/消失,所有html内容都会随之“滑动”。对于使用v-if显示的内容,是否可以使用Vue转换?vuetransitions文档上的所有示例虽然具有出色

javascript - AngularJS "ng-submit"在浏览器预填充表单字段时出现问题?

我是AngularJS的新手,正在试验具有“登录”表单的单页应用程序。该表单由“ng-submit”绑定(bind),如果身份验证成功,它的Controller会进行AJAX调用并返回token。随后的AJAX调用传递此token。(不,我不想使用基本身份验证,因为我想要一个非hacky的“注销”按钮)。我已将我的用户名和密码字段设置为“必填”,这样当用户尝试提交字段中包含空白值的表单时,AngularJS将显示工具提示:SignInEmailPasswordLogin当某些浏览器(至少是Firefox)询问用户是否希望浏览器记住用户名和密码并在下次预填充时,就会出现问题。当浏览器填充

javascript - AngularJS - 是否可以更改链接或编译指令中 ngModel 属性的值?

我正在尝试创建一个指令,该指令将根据属性值将ngModel属性添加到标签。例如:angular.module('myModule').directive('myDirective',function(){return{link:function(scope,elem,attrs){varmodelName='myPrefix.'+attrs.name;attrs.$set('ngModel',modelName);}};});所以这个html:编译成它采用输入的名称,附加前缀,并将ngModel属性设置为该值。当我尝试在链接函数中执行此操作时,input似乎未在formControll

javascript - AngularJS 选项卡中的 Highcharts 动态(重新)调整大小

我的应用程序在各种选项卡中显示HighCharts图表(使用AngularJS)。请注意,图表会在每次选择选项卡时即时重新生成(这意味着Angular每次都会“删除或重新创建DOM树的一部分”)。我的问题是图表的大小只有在我第一次单击选项卡时是正确的。当我切换选项卡时,创建的图表大大超过了它们容器的大小。令人惊讶的是,在调整窗口大小后(即调用chart.reflow()时)图表会正确调整大小。所以我尝试了以下方法,但没有帮助:$(element).highcharts({chart:{type:'scatter',zoomType:'xy',events:{load:function(

javascript - AngularJS 多步表单验证

我关注了thistutorial关于使用UI路由器的AngularJS多步表单。该表单有效,我可以保存我的数据,但现在我对如何验证表单中的每个步骤有疑问。我有以下带有输入字段的表单:第一步LicensePlate第2步NameStreetZipcodeCityEmailTelephone第3步Chooseadate&timefromacalendar它看起来有点像这样:我有这样一个通用的基本View:在我的app.js中我有以下内容(不完整,遗漏了不重要的事情)://app.js//createourangularappandinjectngAnimateandui-router//=

javascript - AngularJS 窗口滚动事件不会触发

我知道关于这个问题有一些类似的问题,但是我没有一个解决方案可以帮助我。我正在使用AngularJS并想检测滚动事件。我尝试了很多关于如何获取事件的版本,但是最多它会在第一次加载时触发,然后再也不会触发。我最后尝试的代码如下:$($window).on('scroll',alert('scrolled'));但我也试过这个:Jquery.on('scroll')notfiringtheeventwhilescrolling或者只是简单的JQuery.scroll()事件window.onscroll=function(ev)...还有很多,但没有任何效果。谁能告诉我我做错了什么?更新:我

javascript - 类似 url 的 AngularJS 正则表达式路由以加载不同的 Controller 和 View

我有一个类似的路由,它应该根据参数是否为数字来加载不同的View和Controller。示例:/artists/2应该ArtistsIndexController有一个View/www/artists/index.html/artists/name应该ArtistsProfileController有一个View/www/artists/profile.html理想情况下我会使用类似的东西:$routeProvider.when("/artists/:page",{templateUrl:"/www/artists/index.html",controller:"ArtistsInde

javascript - 如何使用 Jasmine 在 AngularJS 中测试 .catch Promise 返回?

我是Javascript的新手,刚开始学习AngularJS,但我的大部分测试用例都与我发现的一些很好的示例一起使用。不幸的是,我似乎找不到任何可以帮助我测试当前案例的东西。我正在使用一个模拟服务测试一个Controller,该服务的方法返回一个promise。我希望模拟服务返回一个错误,以便在Controller方法中执行“.catch”block。我可以通过几种方式判断它没有被正确调用:我正在使用istanbul用于代码覆盖,它告诉我我没有覆盖“catch”'.catch'block中的代码没有被执行,据我通过调试得知被测Controller,具体需要测试$scope.login中

javascript - 带有 If-Modified 的 XmlHttpRequest,因为网络服务器返回 "400 Bad Request"

每当我使用以下代码时,网络服务器(运行IIS7)拒绝向我发送内容,而是发送“400错误请求”。request.setRequestHeader("If-Modified-Since","Sat,1Jan200000:00:00GMT"); 最佳答案 显然很多人都遇到过这个问题,可以通过在日期前加上0轻松解决。request.setRequestHeader("If-Modified-Since","Sat,01Jan200000:00:00GMT"); 关于javascript-带有If

javascript - 在 ng-repeat 之后执行 jQuery 函数

在此先感谢您的帮助。我正在使用这个tagmanager在我的网络应用程序中。jQuery函数在此之前工作正常放在下ng-repeat="(key,val)inclient_proj"下面是一小段代码{{val.title}}TechnologiesExposure:{{val.exposure}}它显示为普通输入,但没有执行任何功能,例如在按下或输入后创建新标签。谁能告诉我发生了什么事? 最佳答案 1.创建一个自定义指令作为jQuery插件的包装器:angular.module('').directive('tagsManager'