草庐IT

angular-dom-sanitizer

全部标签

javascript - 以编程方式更改输入时, Angular 模型不会更新

我有一个绑定(bind)到模型值的文本输入,但我不知道如何以编程方式更改输入值并将更改传播到模型。我明白,因为我正在更新Angular范围之外的值,所以我需要显式调用$scope.$apply(),但它不起作用。HTML:Controller:$scope.test_value='abc';//startingvalue控制台:$('#test_input').val('xyz');$('#test_input').scope().$apply();$('#test_input').scope().test_value;->'abc'; 最佳答案

javascript - 是否应该在 Angular 服务中定义所有 RESTful API 调用?

我想调用以下api路由/api/user/:id/api/user/inbox/api/user/blah是否所有这些都在一个Angular服务中定义?我该怎么做?我看过的每个教程都有一个服务,它可以立即返回资源,而且通常也用于CRUD操作。我很可能会在多个Controller中调用这些路由,所以我认为将它放在一项服务中是有益的。有人可以举例说明我将如何创建调用这些路由的服务吗?我想在其他Controller中做这样的操作$scope.inbox=$api.getUserInbox()//functionwhichrequestsapi/user/inbox$scope.user=$a

javascript - 根 Angular 2 组件中的 ng-content

页面显示基本标记、安慰消息和加载指示器。......pagelayoutandloadingstuff...根组件是@Component({selector:'body[app]',template:``})App{}演示该问题的plunker是here.SPA初始化后,它应该引导body元素并编译组件,同时保存现有的基本布局。但是,根组件会忽略ng-content。这导致两个选项。初始布局应仅在引导后转储和显示。或者它应该在根组件模板和HTML文档中复制(可能使用服务器端模板)。它们看起来都不够好。body包含敏感标记,不能将其包装到子组件中以克服此限制。我打算使用AngularUn

javascript - 我如何在angular2中去除形式

我浏览了很多帖子,但没有找到我要找的东西。基本上,我正在显示用户对表单更改的验证。我的模板如下所示:Emailisinvalid而且,看看其他帖子,我的去抖形式的TS是这样的:this.loginForm.valueChanges.debounceTime(500).subscribe(form=>{console.log(form,this.loginForm);});现在,控制台日志实际上是去抖动的。但是,验证消息不会反跳。它会立即显示消息。有没有办法解决这个问题?感谢您的光临, 最佳答案 我相信debounceTime只会影响

javascript - 如何使用 Node.js、Angular.js 和 Firebase 实现无限滚动?

更新8:代码:varconfig={info};firebase.initializeApp(config);varfb=firebase.database().ref("posts/fun");varapp=angular.module('app',['firebase']);app.controller('ctrl',function($scope,$firebaseArray,$timeout){$scope.data=[];var_start=0;var_end=4;var_n=5;$scope.getDataset=function(){fb.orderByChild('id

javascript - Angular2 Material ViewportRuler 单元测试错误

我有一个Angular2组件,其中包含来自@angular/material的选项卡控件。我正在尝试测试我的组件(请参阅下面的简化代码-我知道测试如此简单的组件毫无意义),但出现以下错误:Error:Errorin./MdTabHeaderclassMdTabHeader-inlinetemplate:0:0causedby:NoproviderforViewportRuler!Error:NoproviderforViewportRuler!我的假设是尝试将ViewportRuler(https://github.com/angular/material2/blob/master/s

javascript - 我如何在每次迭代之间间隔循环中为 DOM 元素设置动画?

我有一个函数foo,我想添加一个sleep/等待函数来制作一种DOM元素动画。我已经做了一些研究,我知道暂停javascript函数是不可能的,因为它会卡住浏览器-如果我错了请纠正我。我该如何克服它?functionfoo(){while(someCondition){var$someDiv=$('.someDiv:nth-child('+guess+')');$someDiv.css({'background-color':'red'});wait1000ms$someDiv.css({'background-color':'blue'});wait1000msif(someCond

javascript - 除了在 light DOM 中声明插槽名称之外,还有其他选择吗?

在shadowDOMv0中,开发人员不需要了解如何将lightDOM内容放置在组件的shadowdom中的内部实现。v0规范与内置组件的当前行为相匹配,如和消费者不太关心他们的元素内容具体放置在哪里。相反,影子DOM会自动选取与select中指定的选择器匹配的元素。上的属性标记并将它们放置在影子树内的正确位置。这需要更少的开发人员代码样板。在v1中,您需要具体了解插槽名称。模仿前面用提到的相同示例,我需要使用类似的东西whereslot属性值指定放置当前元素的位置。我也可以添加不打算包含在该插槽中的元素,例如.总而言之,我的担忧是:每次使用webcomponent时都需要指定额外的信息

javascript - Angular 2 : oauth2 with token headers

我是angular2的新手。在1.*中,拦截器一切正常,只需添加它们:你的header无处不在,当token无效时,你可以处理你的请求......在angular2中,我使用的是RxJs。所以我得到了我的token:getToken(login:string,pwd:string):Observable{letbodyParams={grant_type:'password',client_id:'admin',scope:AppConst.CLIENT_SCOPE,username:login,password:pwd};letparams=newURLSearchParams();

javascript - 在 dom 中移动 Vue 组件?

如果我在移动设备上,我会在dom中向上移动Vue组件,因为我想使用绝对定位并想确保我不在relative容器中。if(this.mobile){this.$el.parentNode.removeChild(this.$el);document.getElementById('vue').appendChild(this.$el);}else{//Placetheelementbackatit'soriginallocation.}此代码与去抖动的resize方法一起放置,因此它也适用于调整窗口大小。它工作正常,但是当我开始使用移动设备并调整回桌面时,我需要获取组件首次初始化的原始do