草庐IT

angular-dom-sanitizer

全部标签

javascript - Angular 2 : Validate child component form fields from the parent component

问题陈述:父组件有标签和一些里面的标签,子组件也有一些标签,父组件有一个我们正在验证提交表单时的表单字段。如何验证子组件来自父组件的字段submit表格?要求:如果父组件的表单包含带有input的子组件模板中的组件,然后是这些input如果从父组件提交,组件应该在点击时验证。调查结果:SO中有很多帖子有相同的问题陈述,但没有找到任何合适的解决方案。以下所有帖子都验证了整个表单,但我的要求是验证子组件中的每个字段。Angular2validationtogetherwiththechildcomponentAllowtemplate-drivenforminputsacrossacomp

javascript - DOM 元素宽度可以是非整数吗?

我有一些页面的div元素由JavaScript对齐。JavaScript只是检查一组div元素以找到最大offsetWidth,然后设置所有div元素的width成为最大offsetWidth。它在大多数浏览器和语言环境中都能完美运行,但在Mac上的Firefox中无法使用法语。在这种情况下,div的内容会换行。Heurededébut:对于上面的HTML,下面的代码报告“79”。javascript:alert(document.getElementById('divFoo').offsetWidth);但下面的代码报告“79.1333px”。javascript:aler

javascript - 如何识别 DOM 何时被更改?

是否有一种简单的方法可以知道DOM何时已更改?有没有内置的JavaScript/jQuery事件/函数? 最佳答案 如果您必须检测更改,您可以检查DOM突变事件。DOMeventswikipediapage列出他们所有。但是,您应该知道它们在InternetExplorer中不受支持,并且在支持它们的浏览器中可能会经常触发。一种蛮力方法是使用setTimeout并自行检查更改。但我的经验表明,可以避免对DOM更改通知的需求。您能否详细说明您的具体要求? 关于javascript-如何识别

javascript - 如何使用 Angular 将 JSON 和文件发布到 Web 服务?

如何使用AngularJS发送POST请求?JSON部分是必需的,但文件不是。我已经根据其他博客文章尝试过此操作,但它不起作用。我收到一个错误请求400错误。答对加200分vartest={description:"Test",status:"REJECTED"};varfd=newFormData();fd.append('data',angular.toJson(test));return$http.post('/servers',fd,{transformRequest:angular.identity,headers:{'Content-Type':undefined}});

javascript - 选择的 Angular 指令不会更新

我已经按照这个很棒的教程(link)学习了Chosen和Angular(代码几乎相同)这是我的指令:app.angularModule.directive('chosen',function(){varlinker=function(scope,element,attrs){varlist=attrs['chosen'];scope.$watch(list,function(){element.trigger('chosen:updated');});element.chosen({width:'350px'});};return{restrict:'A',link:linker};}

javascript - 如何在 div 等其他元素上使用 Angular 表单验证?

我正在使用以下代码使用Angular表单验证Username:Usernameisrequired.但是如果我想这样使用:Username:Usernameisrequired.但这行不通。有什么办法可以完成这项工作吗?不使用任何其他库。jsfiddle:link 最佳答案 您可以使用ngForm指令(here)来启用$pristine,$dirty,$valid,$invalid其中的服务:这样定义就可以了:举个例子:http://jsfiddle.net/s5efjzue/ 关于ja

javascript - 引用错误 : angular is not defined in WebStorm

我是AngularJS的新手,在WebStorm中开始新的AngularJS项目的过程中,我可能错过了一些关键但不明显的步骤。我安装了Node.JS,用npm安装了Angular,我什至安装了bower,我什至在bower中安装了angular,但此时我不确定我缺少什么。在调试时,我收到以下消息:c:\Users\YourUser\WebstormProjects\angularjs-template\app\app.js:6angular.module('myApp',[^ReferenceError:angularisnotdefinedatObject.(c:\Users\You

javascript - .parents() 在 Angular 中?

有什么方法可以模拟jQuery的.parents()Angular中的方法,而不必实际包含jQuery?最终目标是获取DOM元素的所有父元素。编辑:为什么我需要这个?我正在创建一个指令(一个类似下拉的小部件)。下拉列表应收听整个对于点击并在小部件区域外进行点击时自行关闭(如果它打开)。现在,我知道如何创建一个简单的指令来监听鼠标事件,如下所示:app.directive('mouseTrap',function(){returnfunction(scope,elem){elem.bind('click',function(event){scope.$broadcast('click',

javascript - 将 Angular 1.x 与 TypeScript 1.5 和 SystemJS 结合使用

我正在尝试将Angular1.x与TypeScript1.5.3和SystemJS结合使用。index.html页面设置为System.import('bootstrapper'),它应该启动。bootstrapper.ts被编译为bootstrapper.js并且只要它不使用Angular就可以正常工作(即只做一个console.log()正常工作)现在,我想导入并使用angular来引导它。我已经完成了jspminstallangular并且我还使用tsd安装了一些angular类型。在bootstrap.ts文件的顶部引用了类型。不幸的是,importangularfrom'an

javascript - Angular 2,在表单中设置文本输入的值

所以我正在尝试一些Angular2,到目前为止我很喜欢它。但我需要一些帮助来驾驭这个新环境。我有一个用于编辑用户详细信息的表单和一个包含我所有用户的列表。当我点击列表中的一位用户时,我想用用户详细信息(setEditForm(user))填充我的编辑用户表单。我已经让它正常工作了。但我必须说,同时使用ngControl和ngModel感觉不太对。但也许是……这是执行此操作的正确方法还是我只是运气使它起作用?@Component({template:`Save)}exportclassAdminComponent{selectedUser:UserModel;constructor(){