草庐IT

angular-ui-tab

全部标签

javascript - Angular 2 - 如何在指令上设置动画?

我有一个指令,我可以在元素上放置检查相关元素当前滚动位置的元素。看起来像这样:@Directive({selector:'[my-scroll-animation]'})每当位置满足某个阈值时,我希望该元素使用动画出现在屏幕上。我知道对于Component我可以附加一个animations属性以及host属性中的一些设置来激事件画。我想要这样的东西:import{myScrollAnimation}from'./animations';@Directive({selector:'[my-scroll-animation]'animations:[myScrollAnimation]//

javascript - 检测何时使用 jQuery UI 的可拖动项向左或向右拖动?

我正在使用JQueryUI使元素可拖动,并且在代码中,可以指定开始、拖动和结束时要执行的操作。但是我怎样才能在向左拖动时运行一个函数而在向右拖动时运行另一个函数呢?我已经将可拖动轴限制为仅x轴。所以元素只能向左或向右移动。 最佳答案 查看此演示:http://jsfiddle.net/3NtS9/您可以通过在每个原子拖动操作上检查之前的事件坐标来做到这一点。varprevX=-1;$('div').draggable({drag:function(e){//console.log(e.pageX);if(prevX==-1){pre

javascript - Angular JS - 数字过滤器 - 负数时更改颜色

我正在对函数的结果应用数字过滤器:{{monthCategoryTotalPredict=getCategoryMonthTotal(costDirection,month,category,"predict")|currency:currencySymbol}}{{monthCategoryTotalActual=getCategoryMonthTotal(costDirection,month,category,"actual")|currency:currencySymbol}}{{calculateSurplus(monthCategoryTotalPredict,monthC

javascript - Angular JS 复选框 - 模型不会默认为 false

我的AngularJS表单中有两个复选框,就像这样......如果我勾选两个框,然后将$scope写入控制台,两个值都设置为true,但如果我只勾选其中一个,则一个出现在$scope中(设置为true),另一个只是丢失的。它应该在$scope中并设置为“false”吗? 最佳答案 一个更灵活的解决方案是设置一个ng-init值,这适用于动态属性和固定属性,这是公认的解决方案无法做到的。{{field.name}} 关于javascript-AngularJS复选框-模型不会默认为fals

javascript - 如何将项目添加到 kendo ui 网格的数据源

我已经成功创建了一个kendo.data.dataSource,我可以将它绑定(bind)到我页面上的KendoUIGrid。但是当我尝试dataSource.insert(0,[a:"b"]);时,它会删除之前存在的数据。我的示例代码如下:vartempSource=newkendo.data.DataSource({data:[{"ID":1,"Name":"Cliente1","NameID":"1-Cliente1"},{"ID":2,"Name":"Cliente2","NameID":"2-Cliente2"}]});这就是我绑定(bind)到网格的方式:$("#assoc

javascript - Angular Cookies.remove 不起作用

我有一个场景,我使用普通的java脚本添加一个cookie,并尝试使用工作正常的angularCookies服务检索它。但是使用Cookies服务删除cookie是行不通的。我的JS就像varapp=angular.module('MyApp',['ngCookies']);app.controller('MyController',function($scope,$window,$cookies){$scope.ReadCookie=function(){$window.alert($cookies.get('username'));};$scope.RemoveCookie=fun

javascript - Angular JS。如何禁用自动滚动到我的页面顶部

请告诉我,如何禁用自动到页面顶部?如果我使用哈希导航:Gotoindex我的页面显示在顶部,但如果我使用AngularJS:HTML:GotoindexJS:$routeProvider.when('/index',{template:'...',controller:'RouteCtrl'})我的页面滚动到顶部。我怎样才能禁用它? 最佳答案 我觉得你的普通href有点奇怪不滚动并且ng-href卷轴,我还以为是相反的……但是,对于解决方案;滚动哈希更改取决于浏览器,因此通常要禁用它,您需要拦截和preventDefault()事件

javascript - 让 holder.js 与 Angular 一起工作

当我们输入进入ng-app,它不起作用,但是当我们把它放在外面时它会起作用。给了什么? 最佳答案 如果我们添加这个指令app.directive('holderFix',function(){return{link:function(scope,element,attrs){Holder.run({images:element[0],nocss:true});}};});那么这两个元素都起作用了测试于Chrome版本32.0.1700.107m另见:https://github.com/imsky/holder/pull/26

javascript - 否则如果在 Angular js模板中

这个问题在这里已经有了答案:ifelsestatementinAngularJStemplates(10个答案)关闭8年前。我需要在angularjs模板中使用elseif。语法是什么?例如,在c中我会编写如下代码:if(data.sender=='system'){data.receiver}elseif(data.sender=='mail'){data.receiver}else{data.sender}我的代码:{{data.sender=='System'?data.receiver:''}}{{data.sender=='mail'?data.receiver:data.s

javascript - 使原始的 Angular 表单控件变脏

这个问题在这里已经有了答案:Angular2:HowdoyoumarkFormGroupcontroldirtyvia`patchValue()`(3个答案)关闭5年前。Angular4中有一种响应式形式,某些控件应该在某些时候以编程方式设置。this.form=formBuilder.group({foo:''});...this.form.controls.foo.setValue('foo');控制pristine/dirty状态会受到怎样的影响?目前我正在使用form和foo原始状态,比如:{{form.controls.foo.errors|json}}Submit如果pri