草庐IT

Angular-ui

全部标签

javascript - Angular ng 消息在 ng 重复表单上显示错误

我想用ngrepeat生成输入,问题是当我有一个错误时,这只适用于最后一个元素,我怎样才能使它适用于每个元素?Thisfieldisrequired 最佳答案 我不知道我是否理解你的问题,但我使用这种方法来处理ng-repeat中的输入。考虑以下代码ThisfieldisrequiredThisfieldisrequired只需遵循代码。有什么不明白的就在下面评论吧 关于javascript-Angularng消息在ng重复表单上显示错误,我们在StackOverflow上找到一个类似的

javascript - 在 Angular 2 中测试服务时 NgModule 'DynamicTestModule' 的提供程序无效

我有以下服务:import{Injectable}from'@angular/core';import{MenuItem}from'./../classes/menu-item';import{ITEMS}from'./../static-data/items-list';@Injectable()exportclassItemsListService{getItems():Promise{returnPromise.resolve(ITEMS);}}这个服务的测试在这里:import{TestBed,async,inject}from'@angular/core/testing';i

javascript - Angular 无法设置未定义的属性

我不太明白为什么以下内容不起作用:main.html{{message.test}}主要.jsangular.module('myApp').controller('MainCtrl',function(someService,$location,$scope){$scope.message.test="blablabla";}});当我运行代码时,我会遇到一个错误:TypeError:Cannotsetproperty'test'ofundefinedatnew(http://localhost:9000/scripts/controllers/main.js:13:25)atinv

javascript - 非常简单 : requiring images in webpack and Angular 2

我在Angular2webpack应用程序中需要图像时遇到了一些问题。我已经尝试了三四个图像加载器,但我似乎无法正确配置它们并且HTML中的结果不正确。例如,目前我有:包含此图像的文件是模板的一部分,需要这样:@Component({selector:'appstore-app',directives:[...ROUTER_DIRECTIVES],styles:[require('../sass/appstore.scss').toString()],template:require('./app.component.html')})这会导致浏览器出错:GET:http://local

javascript - 在 jQuery UI 和 jQuery Mobile 之间切换的最佳方式是什么

我想要一个使用相同HTML的站点,但以最适合其所服务平台的方式对其进行“窗口化”。检测客户端移动设备/硬件键盘的功能并决定是否加载jQueryMobile以及网站的移动JavaScript或jQueryUI和桌面体验脚本是否有标准做法?以下似乎是一种合理的方法,但我想知道Modernizr.touch是否是检测此问题的最佳方法?例如:强制触摸可能不是Surface的最佳解决方案。有什么方法可以检测是否还有硬件键盘?Modernizr.load({test:Modernizr.touch,yep:['jquery-mobile.js','mobile.js']nope:['jquery-

javascript - Angular 在尝试下载文件时将 "unsafe"添加到 url

这个问题在这里已经有了答案:unsafelinkinangular(5个答案)关闭6年前。我有一个小型AngularJS应用程序,我试图在其中打开上传的图像,但遇到了Angular在URL开头添加“不安全:”的问题。我在我的应用程序配置中添加了以下行来清理URL,但它对我不起作用:$compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|ftp|file|blob:chrome-extension):|data:image|\//);我使用的是Angularv1.3.0,所以我使用了正确的属性名称。我主要使用Chrome,但在其

Angular 2 : getting RouteParams from parent component

如何从父组件获取RouteParams?App.ts:@Component({...})@RouteConfig([{path:'/',component:HomeComponent,as:'Home'},{path:'/:username/...',component:ParentComponent,as:'Parent'}])exportclassHomeComponent{...}然后,在ParentComponent中,我可以轻松获取用户名参数并设置子路由。Parent.ts:@Component({...})@RouteConfig([{path:'/child-1',com

javascript - Angular/Javascript - 在 KeyUp 上返回正确的数字

我正在尝试检查电子邮件的有效性(当用户开始输入onkeyup时),然后如果电子邮件有效,我将其推送到一组唯一的电子邮件中;但是,一旦达到一定数量,我就停止推送到数组,在我的例子中是3。onKeyUp(ev){letfinalEmailList=[]this.finalEmailList=[];this.numberOfUsers=3;letemails=ev.replace('','').split(/,|/);emails.forEach(email=>{if(this.validateEmail(email)){//Iftheemailhasavalidformat,thepush

javascript - Angular 2 AOT 与 JIT 负载比较

我是Angular2的新手,如果我说的不准确请指正。关于编译器,我对Angular1和2的理解:在Angular1中,编译器更加通用和动态,这意味着脏检查代码是在不同组件上运行的单一代码。然而,为了Angular2中的性能起见,每个组件都将被编译为生成的代码,用于处理该特定组件的绑定(bind)和脏检查。这意味着根据组件模板,更具体地说,绑定(bind)数量,生成的代码会变得更大。当我们使用JIT时,这并不重要,因为此代码不通过网络并在浏览器中生成。但是当使用AOT时,它将从服务器传输。问题(可能):当应用程序很小时,AOT肯定会产生较小的负载,因为编译器不会传送到浏览器。但是随着应用

javascript - 扩展 jQuery UI 组件(覆盖 jQuery Datepicker 以防止错误输入)

我正在尝试扩展jQueryUIDatepicker以添加一些验证。我在互联网上搜索了很多,但没有得到任何帮助。我发现了SO问题jquery-datepicker-function-override,没有办法修改textinput行为,datepicker组件只支持onSelect事件,该事件在选择日期后触发,而不是在我们通过textinput更改日期时触发。我创建了fiddle来展示问题。我有两个日期选择器,都显示错误的日期。在这种情况下,日期选择器显示系统的当前日期。第一个文本输入包含05-ddd-2014,第二个包含05-march-2014,两者都是错误的日期。ProblemDe