草庐IT

Angular-bootstrap

全部标签

javascript - Twitter bootstrap scrollspy - 在平滑滚动时禁用?

我们在侧边栏ul/il列表上使用twitterbootstrapscrollspy,效果很好。但是,我们在单击侧边栏中的链接时也会使用平滑滚动。这会导致scrollspy突出显示进入View的每个元素,就像在正常情况下应该的那样。但是当通过单击侧边导航中的链接触发滚动时,用户很可能不希望菜单在滚动时显示动画。有什么方法可以在动画滚动运行时暂时禁用scrollspy,然后在滚动完成后重新启用它? 最佳答案 通过将类设置为scrollspy的目标,您可以动态停止/恢复scrollspy操作。$('body').scrollspy({ta

javascript - Bootstrap 函数声明

这个问题在这里已经有了答案:JavaScriptplussigninfrontoffunctionexpression(4个答案)关闭8年前。我查看了bootstrapJS源代码,发现了一些我以前从未见过的东西:+function($){"usestrict";//...}(window.jQuery);函数声明前的+号是怎么回事?是为了缓解一些潜在的缩小问题还是什么?我相信在表达式类型之前放置一个+会将表达式的结果转换为一个数字,但我看不出它在这里有什么相关性。感谢任何能为我阐明这一点的人。

javascript - Angular 中的范围变量和 ng-include 不协调

我有一个文件拖放区来获取文件的数据内容。如果我将$scope.importData设置为null,则无法再在放置处理程序中分配数据。$scope.handleDrop=function(evt){if(window.File&&window.FileReader&&window.FileList&&window.Blob){varfiles=evt.dataTransfer?evt.dataTransfer.files:evt.target.files,file=files[0],reader=newFileReader();reader.onloadend=function(evt)

javascript - OrderBy 日期值,在 Angular JS 中只是字符串

我正在尝试按日期对一些数据进行排序,尽管日期只是字符串,格式为dd-mm-yyyy。我做了一个过滤器,它转换了纯数字字符串(在美国日期格式中,我想要英国日期格式)例如01272012到27-01-2014,但是当我尝试订购它们时它仍然只有将它们视为数字字符串,因此01-01-1990会出现在02-01-2014之前。关于如何在过滤器中执行此操作的任何建议?谢谢!更新我发现如果日期格式是yyyy-mm-dd,日期会自动排序。然后我使用orderBy:['date']对数据进行排序,仅在显示数据时使用我的原始过滤器。我最终不得不反转我的数据,显示最近的日期。为此,我在我的orderBy语句

javascript - AngularJs 和 Angular-UI-Router 路由权限

我面临着如何根据从服务器获取的远程数据实现路由限制的问题。假设我有以下配置文件:angular.module('myApp').config(['$stateProvider',function($stateProvider){$stateProvider.state('post',{url:'/post/:post_id',abstract:true,[...]}).state('post.view',{url:'/view'[...]}).state('post.edit',{url:'/edit'[...]})}]);我的申请要求是:一个帖子有一个所有者(帖子的创建者),它的域可

javascript - 如何测试 Angular 模块的配置功能?

我在要进行单元测试的Angularmodule的config函数中定义了一些设置代码。我不清楚我应该怎么做。下面是一个简化的测试用例,显示了我是如何陷入困境的:'usestrict';angular.module('myModule',[]).config(['$http','$log',function($http,$log){$http.get('/api/getkey').then(functionsuccess(response){$log.log(response.data);});}]);describe('myModule',function(){it('logsakey

javascript - Angular2 路由守卫返回 Observable<bool>,如何处理错误

我有一个像下面这样的路由守卫@Injectable()exportclassAuthGuardimplementsCanActivate{constructor(privaterouter:Router,privateauthenticationSvc:AuthenticationService){}canActivate():Observable{returnthis.authenticationSvc.getAuthenticatedUser().map(r=>{if(this.authenticationSvc.isAuthenticated()){//loggedinsoret

javascript - 如何使用具 Angular materialize-css

我用angular-cli创建了一个angular4元素。我要materialize-css@next图书馆。所以我已经使用安装了它npminstallmaterialize-css@next--save所以这个安装"materialize-css":"^1.0.0-alpha.2",然后在angular-cli.json中我添加了对css和js文件的引用"styles":["styles.css","../node_modules/materialize-css/dist/css/materialize.css"],"scripts":["../node_modules/materi

javascript - 如何使用angular 6和bootstrap 3.3.7创建带有复选框列表的可折叠/可展开/树结构

在这里,我正在尝试在父项和子项上使用复选框的可折叠/树结构,但我无法准确地创建它,我能够从json创建直到无序列表{"properties":{"host":{"fields":{"keyword":{"ignore_above":256,"type":"keyword"}},"type":"text","fielddata":true},"information":{"properties":{"filetype":{"fields":{"keyword":{"ignore_above":256,"type":"keyword"}},"type":"text","fielddata"

javascript - 在 Angular 7 中使用 Highcharts 时出错

我正在尝试highcharts。我通过cli创建了新的Angular应用程序并安装了highcharts和highcharts-angular。我从他们的github页面复制了代码。在第一次运行中,我遇到了以下错误。ERRORinnode_modules/highcharts/highcharts.d.ts(128972,17):errorTS2304:Cannotfindname'PlotNetworkDataLabelsFormatterCallbackFunction'.node_modules/highcharts/highcharts.d.ts(128982,21):erro