草庐IT

angular2-modules

全部标签

javascript - 使用 angular2 显示 Bootstrap 警报

我想在用户保存数据时显示Bootstrap警报。我的代码如下:html页面:Success!/////Someformfieldssave应用程序组件.ts:exportclassUserProfileComponent{saveSuccess:boolean;user:IUser;saveUser(user:IUser){this.headers=newHeaders();this.headers.append('Content-Type','application/json');this.editUserForm=user;this._http.post('api/user/'+t

javascript - Angular2 CanActivate 守卫除一条路线外的所有路线

我知道我们可以将位于一个模块中的路由分组。像那样:canActivate:[AuthGuard],children:[{path:'',children:[{path:'crises',component:ManageCrisesComponent},{path:'heroes',component:ManageHeroesComponent},{path:'',component:AdminDashboardComponent}],}但我应该将那个守卫添加到每个模块的路由文件中。我有很多。我希望用户在未经授权的情况下不能转到除一条(登录路线)以外的任何路线。给所有的人加守卫的正确方法

javascript - 如何使用 Angular 2 检测用户不活动?

我正在尝试创建一个Angular应用程序,其中包含用户在几分钟不活动后需要注销的视频。如果用户正在正常或全屏观看视频,则无需注销。如果选项卡处于非事件状态并且正在播放视频,我需要他在处于非事件状态后注销。 最佳答案 最简单的方法是使用idlejs.它与Angular配合得很好,它包括Typescript的.d.ts绑定(bind)。import{Idle}from'idlejs/dist';//withpredefinedeventson`document`constidle=newIdle().whenNotInteractive

javascript - Webpack babel-loader runtime : Module build failed: TypeError: this. setDynamic 不是函数

我正在尝试将babel-loader与babel-plugin-transform-runtime一起使用。我已按照以下说明进行操作:https://github.com/babel/babel-loader#babel-is-injecting-helpers-into-each-file-and-bloating-my-code相关代码:rules:[//the'transform-runtime'plugintellsbabeltorequiretheruntime//insteadofinliningit.{test:/\.js$/,exclude:/(node_modules

javascript - 如何在 Angular 2 中获取 div 中所有元素的引用?

我有一个包含10个HTML元素的div。我怎样才能获得所有这10个元素的引用并在单击时切换它们的类?...DetachSCSS:.hawk{display:block;width:16px;height:16px;border-radius:10px;line-height:12px;cursor:pointer;&.mock{border-radius:0px;}}我可以使用jQuery很容易地做到这一点,如下所示:detach(){$('.hawk').toggleClass('mock');}这样做的Angular方式是什么?我尝试使用@ViewChild并访问父div但我无法将

javascript - Babel 不转译从 'node_modules' 导入的模块

我在从node_modules导入模块时遇到问题。由于某种原因,Babel不会转译从node_modules导入的模块,而是转译从src导入的模块。这是一个示例repo:https://github.com/NikitaKA/babeltestma​​in.js//resultcodecontainsconstandlet,butitshouldn't.:(index.jsimportqsfrom'query-string;//nottranspiledimportlibfrom'./lib'//transpiledconstquery=qs.parse(window.location

javascript - 如何使用 Angular 将列标题包装在 ag-grid 中

我有一些栏目有四个词,即交易前跟进、交易后跟进,其中一些栏目有三个词。我尝试了下面的css将文本换行到多行。::ng-deep.ag-theme-material.ag-header-cell-label.ag-header-cell-text{white-space:normal;overflow-wrap:break-word;}HTML但列标题保持不变。我想将列标题文本换行到多行。有办法做到这一点吗?注意:我可以使用cellStyle:{'white-space':'normal'}来包装内容{headerName:'headername',field:'headerfield'

javascript - 在不向 URL 添加参数的情况下在 Angular 7 中导航

我想在Angular7中的两条路线之间导航,并在它们之间发布数据。但我不想在URL中显示这些参数。如何以正确的方式做到这一点?此刻我正在为这样的事情而苦恼:this.router.navigate(['/my-new-route',{data1:'test',test2:2323,test:'AAAAAAA'}]);并将我的网址更改为http://localhost:4200/my-new-route;data1=test;test2=2323;test=AAAAAAA如何从url中取消这些数据:http://localhost:4200/我的新路线编辑:我的情况:/form-某种形式

javascript - 在 JHipster Angular 应用程序中添加 Google Chart 库

我在我的JHipsterangular7应用程序中使用谷歌图表。在index.html中添加以下脚本标签以加载谷歌图表可视化库google.charts.load('current',{packages:['corechart']});图表运行良好,但我的应用程序越来越慢。如果我在浏览器中移动鼠标,浏览器CPU使用率达到高(100%),这会导致浏览器挂起、响应缓慢等。如果我评论图表div则没有此类问题。是否有任何其他解决方案,例如通过webpack加载脚本? 最佳答案 可以直接使用googlechartsCDN:上面的链接是条形图,

JavaScript:自动对 Angular 排列变量多维数组

这更像是一个与数学相关的问题。我正在尝试使用jQuery创建一个可爱的淡入淡出效果,方法是将一个元素分成一定数量的block,然后使每个block淡出,但基于另一个数组延迟淡入淡出效果。所以为了创建block表,我有两个变量:varrows=4,cols=10;这会将元素分成如下block:0123456789101112131415161718192021222324252627282930313233343536373839然后我创建了另一个数组来决定block如何动画。例如,对于从左到右的对Angular线动画,此数组如下所示:order=[0,10,1,20,11,2,30,2