草庐IT

angular-ui-utils

全部标签

javascript - AngularJS ui 路由器 - 如何忽略某些路由?

我在我的网络应用程序中使用ui-router。在我的一个View中,我有一个Canvas,我正在使用第3方库绘制它。该库尝试动态加载图像(HTTPGET)。我的问题是ui.router的$urlRouterProvider正在处理路由,因此所有图像请求都会导致404错误。这在AngularJS应用程序中通常是如何处理的?有没有办法忽略特定路线?我的路由配置如下所示:app.config(function($stateProvider,$urlRouterProvider){////Foranyunmatchedurl,redirectto/state1$urlRouterProvide

javascript - 将 Angular 从 1.2 更新到 1.3 破坏了我的指令

我将以下指令放在使用angular-ui-bootstrap日期选择器的输入字段上:angular.module('directives.validators.date',[]).directive('validDate',['$filter',function($filter){return{restrict:'A',require:'ngModel',link:function(scope,el,attrs,ngModel){varpattern=/^(0[1-9]|[12][0-9]|3[01])\.(0[1-9]|1[012])\.(19|20)\d\d$/;ngModel.s

实习关于快速修改element ui中input框的样式问题

由于需要根据ui设计成这个样子这里直接贴代码el-form-item>el-inputv-model="form.keyword"placeholder="搜索关键词"onfocus="this.placeholder=''"onblur="this.placeholder='搜索关键词'"maxlength="50"clearable>islot="suffix"class="el-input__iconel-icon-searchft9"@click="getSearchList">i>el-input>el-form-item>el-form-item>这里的suffix只是修改尾部的i

vue中Element ui不生效

原因是我用的vue3不支持elementui要使用elementplus一个Vue3UI框架|ElementPlus(gitee.io)使用命令安装npminstallelement-plus--save安装完之后在main.js中编辑import{createApp}from'vue'importElementPlusfrom'element-plus'import'element-plus/dist/index.css'importAppfrom'./App.vue'constapp=createApp(App)app.use(ElementPlus)app.mount(‘#app’)即可

javascript - $parse 的 Angular2 等价物是什么?

我的公司有一个依赖于Angular1.x$parse服务的小部件。不幸的是,我在Angular2中找不到任何具有相同功能的东西。我发现一篇文章说Angular2不会实现它。通过更多的搜索,我确实找到了这篇文章:http://weblogs.thinktecture.com/pawel/2016/04/angular-2-interpolation-service.html这有助于找到Angular2解析器。由于我们确实需要此功能,所以我着手编写一些可以满足我们需求的东西。我还没有完成,但我正在进行的代码在这个plunker中:https://plnkr.co/edit/YOaduK7Z

javascript - angular 2 相当于 react renderToString

我正在寻找与react-dom/server.renderToString等效的Angular2import{renderToString}from'react-dom/server';//Renderthecomponenttoastringconsthtml=renderToString();使用NodeJs将指令/组件转换为HTML的最简单代码示例是什么?我猜这些包之一应该是可能的:@angular/compiler-v2.0.0-rc.2@angular/platform-server-v2.0.0-rc.2 最佳答案 An

javascript - Angular 2 排序列表动画

我会发布代码,但我真的不知道从哪里开始。我已经阅读了https://angular.io/docs/ts/latest/guide/animations.html动画指南,但它不能满足我的要求。因此,假设您有一个使用*ngFor显示的项目列表,并且列表顶部包含排序按钮。例如说默认排序是“姓名”。它会在初始屏幕上显示如下SortBy:Name|Value[name:a,value:3][name:b,value:2][name:c,value:1]然后假设用户按下“值”以按值排序。SortBy:Name|Value[name:c,value:1][name:b,value:2][name

javascript - Angular 2 - 无法实例化循环依赖

我创建自定义XHRBackend类来全局捕获401错误。在AuthService中,我有两种使用http的方法-登录和refreshToken。所以我有这样的依赖链:Http->customXHRBackend->AuthService->Http。我该如何解决这个问题?exportclassCustomXHRBackendextendsXHRBackend{constructor(browserXHR:BrowserXhr,baseResponseOptions:ResponseOptions,xsrfStrategy:XSRFStrategy,privaterouter:Route

javascript - Angular:委托(delegate)模式。在 ngFor 内部优化处理程序的方法

例如:我需要输出一个列表。每个项目都会有一个(点击)处理程序,其中包含项目对象(如参数)。这个列表会经常动态更新:我会在Scroll上加载新项目,或者通过搜索过滤列表。Angular为每个项目添加一个事件监听器!问题:列表中可以有很多项,所以会有很多eventListener一直连接和断开。有没有办法应用委托(delegate)模式让只有一个eventListener事件? 最佳答案 您可以使用trackBy来提高性能。app.component.html应用程序组件.tstrackByFn(index,item){returnin

javascript - cordova/angular/ionic 堆栈中的某些东西偷走了我的注意力

为了提供辅助功能,我需要在我的Cordova应用程序中进入屏幕时聚焦元素。通过一些技巧,我设法将焦点设置在一个元素上,但该元素会立即失去焦点(通过监听“模糊”事件验证)并且丢失发生在ApplesVoiceOver、AndroidsTalkback启动或用户可以接受之前任何Action。我已经尝试将焦点设置包装在$timeout内,以强制它在渲染完所有内容后发生,但这根本没有帮助。在我看来,Cordova中的某些东西,angular1或ionic会在其自身干扰m代码时产生一些令人讨厌的聚焦魔法。有没有人经历过类似的事情并找到了解决方法? 最佳答案