-
AngularJS指令测试失败 – 为什么“元素”具有错误的值?
所属栏目:[安全] 日期:2020-12-17 热度:97
鉴于以下指令,可以解释为什么以下测试失败? DEMO 指示 angular.module('plunker').directive('maybeLink',function($compile) { return { scope: { maybeLink: '=',maybeLinkText: '=' },link: function(scope,element,attrs) { scope.$watch('maybeLinkTex[详细]
-
AngularJS数据绑定无法正常工作
所属栏目:[安全] 日期:2020-12-17 热度:137
我在 http://jsfiddle.net/gsche/1/上写了一些简化的代码 单击“刷新”链接时,“customer.name”模型不会更新视图. 我在本地计算机上编写了代码,并在Chrome中使用Batarang进行了调试. 控制台不显示任何错误. Batarang中的Model页面显示右侧更改的客户名称,与[详细]
-
如何强制执行角度验证指令?
所属栏目:[安全] 日期:2020-12-17 热度:125
我已经为我的表单创建了一个验证指令. 它基本上根据来自另一个字段的数据验证字段值. 它完美无缺:-) 我的问题是,如果在执行验证后其他字段发生更改,则验证将不再运行. var myApp = angular.module('myApp',[]).directive('validateInteger',function() { ret[详细]
-
angularjs ui-router父状态
所属栏目:[安全] 日期:2020-12-17 热度:121
使用 angularjs和ui-router我可以: A.)定义我的状态时定义自定义变量(参见下面的“数据”).我目前这样做是成功的,想要确保它正确. .state('parent',{url:'/parent',templateUrl: 'views/parent.html',abstract: true,data: {stuff: 'stuff'}}) B.)让我的孩[详细]
-
angularjs – ngSwitch和ngInclude有什么区别?
所属栏目:[安全] 日期:2020-12-17 热度:176
ngSwitch和ngInclude有什么区别? 我真的需要了解它的区别,所以我可以继续我的项目. ngSwitch是否仅隐藏dom元素? 解决方法 您可能会发现v1.1.4文档更有帮助(如果您不使用1.1.4,请忽略有关动画的内容): ngSwitch ngSwitch有条件地添加/删除DOM元素(ng-show[详细]
-
AngularJS:如何针对具有多个实例的特定指令
所属栏目:[安全] 日期:2020-12-17 热度:119
我有一个指令的多个实例,我想只针对一个特定的实例.例如,在下面的代码中,我如何确保class =“one”的div是唯一一个由事件$rootScope触发的div.$broadcast(‘myEvent’). JS: myApp.directive('myDirective',function() { return { restrict: 'A',controller[详细]
-
angularjs – ngRepeat和指令执行顺序
所属栏目:[安全] 日期:2020-12-17 热度:79
当Angular指令包含ngRepeat元素时,ngRepeat执行似乎在包含指令的链接执行之后发生. 是否有一种机制($watch,$observe等)可以用来在ngRepeat执行后连接响应? 以下是该行为的示例: http://plnkr.co/edit/yBiSvveeSissU7Rik6Kp?p=preview 我想在输入可用的指令[详细]
-
angularjs – Angular JS:使用Angular有哪些问题/陷阱?
所属栏目:[安全] 日期:2020-12-17 热度:118
当我开始使用Angular构建真实且更复杂的应用程序时,我可能会遇到哪些陷阱/问题/痛苦? 我正在开展一项新工作,并建议将Angular(和Bootstrap)作为构建我们所有网络应用程序的基础.在使用backbone.js将近1.5年之后,我知道我不想使用它…我们有一个Node MongoDB[详细]
-
为什么要将控制器放在AngularJS的指令中?
所属栏目:[安全] 日期:2020-12-17 热度:99
我最近看到了这个例子.这是我第一次在指令中看到控制器.这是正常的事吗.我认为你应该将这两个保留在不同的区域以便测试: myModule.directive('myComponent',function(mySharedService) { return { restrict: 'E',controller: function($scope,$attrs,myShar[详细]
-
如果我不知道它是什么,我怎么能在AngularJS中访问JSON属性名?
所属栏目:[安全] 日期:2020-12-17 热度:91
给定 JSON对象(formData),我试图使用AngularJS遍历对象并输出RealEstateInfo和PersonalTaxInfo.对于我的生活,我似乎无法弄清楚如何获得属性名称.有任何想法吗? 顺便说一下,(键,值)不起作用. key给出了索引号,为整个对象赋值. ul li ng-repeat="item in form[详细]
-
如何在AngularJS中调试类型转换错误?
所属栏目:[安全] 日期:2020-12-17 热度:113
我是一个 javascript noob,并试图学习角度. 我有一些简单的angularJS代码,如下所示: div ng-controller="todoController" span temp = {{tempVal()}} /span/div 这个bug很容易,tempVal是一个字符串,而不是一个方法. 我的问题(和问题)是,我如何在调试时发现[详细]
-
Angularjs:ngRepeat和指令
所属栏目:[安全] 日期:2020-12-17 热度:162
我正在尝试制作一些可重复使用的倒计时小工具.适用于静态内容,但是当我试图动态添加它们时,我的指令不理解ngRepeat中的变量. 标记: div ng-repeat="cdn in countdowns" class="countdown" countdown-end="{{cdn}}" p ng-hide="over"{{days}} jours {{hours}[详细]
-
angular – 过滤和分页不适用于ngxpagination模板
所属栏目:[安全] 日期:2020-12-17 热度:163
我有一个ngx-pagination的自定义分页模板实现,它正常工作.但是,当我尝试使用带分页的过滤器管道时,分页会中断:分页控件保持与应用过滤器之前相同,并且过滤后的数据集不再分页(11个项目出现在屏幕上而不是10个) .在过滤时,页面底部仍然可以看到分页控件,但不[详细]
-
angular – 当变量值通过服务更改时如何重新加载标头组件?
所属栏目:[安全] 日期:2020-12-17 热度:89
我需要在标题中显示路由组件的标题.但是当我在我的应用程序中使用ngOnInit时,它获得了默认值.即使通过服务更改变量值,它也不会改变.怎么做? Data.service.ts import { Injectable } from '@angular/core';import { HttpClient } from '@angular/common/http[详细]
-
angular – 需要使用karma jasmine解决组件的服务依赖性错误
所属栏目:[安全] 日期:2020-12-17 热度:149
我的目标是单元测试NewServicesRequestsComponent,我能够解决其他依赖项,但坚持使用名为GenericService的服务依赖项 我尝试解决XHRbackend错误,将其作为我的spec文件中的提供者并使用Mockbackend,一旦XHRbackend被解析,然后它给出了“No Provider forptionsO[详细]
-
angular – 将多个主机绑定组合到一个装饰器中
所属栏目:[安全] 日期:2020-12-17 热度:140
我有使用主机绑定装饰器的组件来显示组件选择器,以便它们获取所有可用宽度: @HostBinding('style.width.%')@HostBinding('style.height.%')private readonly SIZE = 100;@HostBinding('style.display')private readonly DISPLAY = 'block';@HostBinding('st[详细]
-
angular5 – ngx-webcam用于特定视图和分量角6
所属栏目:[安全] 日期:2020-12-17 热度:72
我在我的应用程序中使用ngx-webcam来使用网络摄像头捕获图像.我在app.module.ts中有导入库,也在我的视图中,但它给了我这个错误 ‘webcam’不是一个已知的元素.如果在app.component html中使用网络摄像头标签,它工作正常,但我想在单独的视图中使用它.这是我的[详细]
-
Angular 7 ngx-bootstrap 3.1.3
所属栏目:[安全] 日期:2020-12-17 热度:62
Here是stackblitz中的空白角度7项目,在Angular 6中我使用了构造函数(private bsModalRef:BsModalRef),因此我可以将值传递给我的子弹出组件. 但是当我更新到角度7时,它说模块未找到:错误:无法解析’ngx-bootstrap / modal / bs-modal-ref.service’. 在sta[详细]
-
角度错误:[object Object] resolvePromise
所属栏目:[安全] 日期:2020-12-17 热度:130
我正在使用Angular 7并使用observable调用简单服务 import { Injectable } from '@angular/core';import { Http,Headers} from '@angular/http';import { Observable } from 'rxjs';@Injectable({ providedIn: 'root'})export class AuthService { construct[详细]
-
typescript – 在Angular 6中渲染iframe内部的视图并继续使用模
所属栏目:[安全] 日期:2020-12-17 热度:68
在angularJS中,您可以使用$compile在iframe中呈现视图,并将 angularjs $scope变量保留在iframe中. Angular.IO中是否有相同的功能? AngularJS在指令中等效: var $body = angular.element($element[0].contentDocument.body);var template = $compile(conten[详细]
-
什么是AngularJS中的Jquery $(this).val()等价物?如果更新后输
所属栏目:[安全] 日期:2020-12-17 热度:106
script$(document).on('change','.botentry',function () { if ($(this).val() == "") { $(this).val(0); }});/script 我的HTML代码是 tbody id=" tbody_Buid" ng-if="cstate!=''" tr ng-repeat="b in BottomsUpData | filter:{qtr: cqtr,state: cstate} | f[详细]
-
angular – 过滤材料表中的不同列
所属栏目:[安全] 日期:2020-12-17 热度:64
我正在尝试向材质表添加不同的过滤器.更确切地说,我正在尝试重现类似于以下GIF的内容 为此,我在下面的Github thread中关注irowbin的回复,但我无法根据他的指导方针生成我想要的内容 在Stackblitz或Github上有任何工作示例,所以我可以在mattable中关注并创建[详细]
-
angular – 如何仅预加载父项已激活的模块?
所属栏目:[安全] 日期:2020-12-17 热度:118
我实现了延迟加载.我正在尝试建立一个 custom preloading strategy. 假设我有以下网址结构: //fruit/fruit/bananas/fruit/apples/vegetables 如果我打/,我想预加载/水果.在Angular示例之后,我只是在我的路由配置中放入数据:{preload:true},然后实现一个自[详细]
-
是否有非手动方式来创建Angular 6路由器路径的类似目录的结构?
所属栏目:[安全] 日期:2020-12-17 热度:176
我正在设置一个Angular 6应用程序.组件使用类似目录的结构,目录可以包含其他目录,嵌套就像它们在磁盘上一样.该组件将显示目录中的内容列表,包括文件和其他目录,如果用户单击目录,我希望应用程序嵌套一个级别,并使URL反映该级别.换句话说,我希望路由器将状态[详细]
-
Angular 6 – 多个路由器插座
所属栏目:[安全] 日期:2020-12-17 热度:81
我想要一个Enter-comp.作为概述和基本上两个孩子comp.例如login-and register-comp.此外,我想用多个路由器插座来管理它.但“当然”它还没有奏效.它让我不停:错误:无法匹配任何路线.网址细分:’,{outlets:{login:[‘login’]}}’ 应用路由配置 const rou[详细]