草庐IT

angular-dom-sanitizer

全部标签

javascript - Angular 5 Material Multiple mat-menu

我是Angular5的新手,刚刚开始学习它。最近,我一直在尝试使用Angular5Material为我的应用创建一个包含多个菜单的菜单栏。菜单将在鼠标进入期间触发/打开,并在鼠标离开菜单时关闭。我的问题是,每次鼠标鼠标悬停在第一个菜单时,它都会加载第二个菜单的菜单项。下面是问题截图:这是我的代码:ma​​inmenu.component.html:Trigger1Item1Item2Trigger2Item3Item4ma​​inmenu.component.ts:import{Component,OnInit,ViewChild}from'@angular/core';import{

javascript - angulars HttpParams 对象的 set 和 append 方法有什么区别?

append的方法描述是:Constructanewbodywithanappendedvalueforthegivenparametername.set的方法描述是:Constructanewbodywithanewvalueforthegivenparametername.但是使用append,您也可以为参数名设置一个新值。这两种方法都会在参数不存在时创建参数,所以我想知道为什么有2种方法几乎可以做同样的事情,以及何时应该使用一种方法而不是另一种。谢谢 最佳答案 HttpParams值是值数组。当您设置值时,它将覆盖数组中的所有

javascript - 从 ag grid angular 中取消选择选定的行

是否有任何网格api以编程方式取消选择ag-grid选定的行?我正在尝试对所选行执行一些操作,基本上是异步操作,之后我需要从网格中取消选择该行。 最佳答案 使用gripapi的deselectAll函数。成功了!this.gridOptions.api.deselectAll(); 关于javascript-从aggridangular中取消选择选定的行,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com

javascript - shadow DOM 和 light DOM 应该放哪些部分?

我正在学习网络组件。在设计自定义元素时,我必须决定将什么隐藏在影子DOM中。其余部分将暴露在轻型DOM中。据我所知,这些API允许两种具有不同权衡的极端用例:在shadowDOM中几乎不隐藏任何内容,元素的大部分内容都在lightDOM和元素的属性中:这允许HTML作者在不编写JS的情况下为组件提供任何显示内容;这在可搜索性和可访问性方面接近现状但所涉及的工作几乎没有返回;我用组件增加了复杂性,但它们不封装任何东西(一切都暴露了)。隐藏影子DOM中的几乎所有内容,元素的innerHTML为空:这需要从JS实例化元素;这会更多地锁定使用,因为从JS实例化比使用HTML槽和属性更严格(类型

javascript - d3.js:如何遍历备份 DOM

我不太确定javascript、DOM或d3.js的哪个方面暴露了我的知识不足:只知道我很抱歉问这样一个基本问题,如下所示。我是新来的。我有一个这样的json:[{"link":"a","count":3},{"link":"b","count":4},{"link":"c","count":2}]我想做一些看起来像的东西a(3)b(4)c(2)使用d3.js(解决显而易见的问题:我想用d3做更多的事情,这正好解决了我遇到的问题)。在弹出之后我的html中的标记,在d3.json的回调中的某处我可以这样写:d3.select("ul").selectAll("li").data(jso

javascript - 当某些 dom 元素改变高度时的 jQuery 事件

当某些(任何一个)元素改变其自高度度时,有什么方法可以设置jQuery事件吗?我真的不知道怎么才能开火喜欢:$('body*').onHeightChange(function(){//dosomenthing}); 最佳答案 每当你做一些改变元素高度的事情时,触发一个事件。$("#somelement").slideDown().trigger("heightchange");现在你可以绑定(bind)到那个:$("body").on("heightchange",function(e){var$el=$(e.target);//

javascript - Angular.js : How do I use ng-bind to display concat. 数组元素作为字符串?

我是Angular的新手,有一个关于ng-bind的基本问题,但我在文档中找不到。我的场景基于O'ReilyAngular.js书中的购物车应用程序,我似乎无法让ng-bind工作。期望的输出:我需要修改我的Controller函数,以便我可以在“总计”范围内显示我更新的$scope.items数组元素。函数如下:functionCartController($scope){$scope.items=[{title:'Software',quantity:1,price:1399.95},{title:'DataPackage(1TB)',quantity:1,price:719.95

javascript - angular.js - 通过参数将模型中的值修改为函数

我有以下看法:ModifyController中的这个方法:$scope.modify=function(value){value=value+"andthistext";};但是,modify方法不执行任何操作。我想做的是创建一个函数,可以通过参数修改模型中的对象。我的意思是,函数x通过参数接收对象,并且在该函数内部,可以修改该对象(来自模型)。我怎样才能做到这一点?参见thisfiddle供引用。 最佳答案 已经晚了,所以我可能会错过明显的,但是......由于您传递的是字符串,因此它是按值而不是引用传递的。所以我更改了您的ng

javascript - 带有 ng-repeat 的 Angular 切换表行 ng-class

这似乎不适合我。我在tr上有一个ng-repeat、ng-click和ng-class。单击tr应将类切换为.error。当前单击tr将更改所有表格行的类。.is-grey-true{background-color:#ccc;}.error{background-color:red;}{{student.id}}{{student.firstname}}{{student.lastname}}varstudentApp=angular.module('studentApp',[]);studentApp.controller('StudentController',function(

javascript - 类型错误 : undefined is not a function in Angular Resource

当尝试在AngularJS资源上轮询自定义方法copies时,我在angular.js:10033处收到以下错误:(方法copy工作得很好。)TypeError:undefinedisnotafunctionathttps://code.angularjs.org/1.3.0-beta.8/angular-resource.min.js:9:347atArray.forEach(native)atq(https://code.angularjs.org/1.3.0-beta.8/angular.min.js:7:280)atq.then.p.$resolved(https://code