-
Angular2设置formGroup的值
所属栏目:[安全] 日期:2020-12-17 热度:186
所以我有一个复杂的形式来创建一个实体,我想用它来编辑,我也在使用新的角形式API。我将表单的结构与从数据库中检索的数据完全相同,因此我想将整个表单的值设置为此处检索的数据,这是我想要做的示例: this.form = builder.group({ b : [ "",Validators.r[详细]
-
AngularJS使用ng-switch而不使用包装器div
所属栏目:[安全] 日期:2020-12-17 热度:62
我想使用ng-switch,因为我不希望我不希望显示的其他元素成为DOM的一部分。这就是为什么我没有使用ng-hide / ng-show。在下面的示例中,我希望只在DOM中使用span标记而不使用ng-switch的div包装器。完成此任务的最佳方法是什么? div ng-switch on="user" di[详细]
-
有角度 – 为什么ngOnInit叫两次?
所属栏目:[安全] 日期:2020-12-17 热度:68
我试图创建新的组件,但其ngOnInit()方法被调用两次,我不知道为什么会发生这种情况?这里我创建了一个名为ResultComponent的组件,该组件从称为mcq-component的父组件接受@Input 这是代码: 父组件(MCQComponent) import { Component,OnInit } from '@angul[详细]
-
angularjs – isolationScope()在使用templateUrl时返回undefine
所属栏目:[安全] 日期:2020-12-17 热度:61
我有一个指令,我想要单元测试,但我遇到的问题,我无法访问我的孤立的范围。这是指令: my-directive/my-directive 和它背后的代码: angular.module('demoApp.directives').directive('myDirective',function($log) { return { restrict: 'E',templateUrl:[详细]
-
angularjs – 只有在ng-if为真时才调用方法
所属栏目:[安全] 日期:2020-12-17 热度:176
只有当ng-if中的条件为真时,是否可以调用方法?我有这样的重复 div ng-repeat="i in items" ng-if="i.loc == 'abc'" h1Hello.. {{getName()}}/h1/div 这里是js代码 $scope.getName = function() { console.log('fired'); return "myName";} 从控制台我可以[详细]
-
单元测试 – 如何测试是否在AngularJS中抛出异常
所属栏目:[安全] 日期:2020-12-17 热度:130
我需要测试一个指令,它应该抛出一个异常。在茉莉花中我如何测试异常是否被抛出? 指令链接功能: link: function() { if(something) { throw new TypeError('Error message'); }} 我还没有成功实施一个实际捕获错误的测试,并报告测试成功。 这是我如何做的[详细]
-
当长度为0时,anglejs – ng-minlength有效
所属栏目:[安全] 日期:2020-12-17 热度:169
我是新来的角色,并以一种形式绊倒验证问题。 下面是我的输入字段,当我没有输入任何值,它显示为有效,并且“ng-valid”类被添加到它,即使我已经将minlength定义为5 input id="name" type="text" placeholder="Name" ng-model="formdata.name" ng-minlengt[详细]
-
angularjs – 角度js将复选框的值添加到数组中
所属栏目:[安全] 日期:2020-12-17 热度:89
我有这个代码: tr ng-repeat="doc in providers" tdinput type="checkbox" ng-true-value="{{doc.provider.Id}}" ng-false-value="" ng-model="ids"/td /tr{{ids}} 我想得到一个数组的复选框的值 ng-true-value只接受字符串,因此您需要使用解决方法。这是[详细]
-
angularjs – 在angular2中全局注册一个指令
所属栏目:[安全] 日期:2020-12-17 热度:85
我正在开发一个Angular2应用程序。我需要为所有链接添加特殊行为,所以在角度1.x我会写一个这样的指令: angular.module('whatever.module',[]).directive('href',function() { return { restrict: 'A',link: function($scope,$element,$attrs) { // do stuf[详细]
-
angular 4 unit testing error`TypeError:ctor不是构造函数`
所属栏目:[安全] 日期:2020-12-17 热度:76
我正在尝试测试我的路由解析器,并且在测试时我得到了TypeError:ctor不是构造函数,也不知道为什么它会发生,而typescript编译时没有错误。 TypeError: ctor is not a constructorTypeError: ctor is not a constructor at _createClass (http://localhost:[详细]
-
AngularJS – 如何在提交表单时禁用表单?
所属栏目:[安全] 日期:2020-12-17 热度:101
当通过AJAX提交时,如何禁用完整的表单(其中的所有输入元素)?我已经尝试在控制器中设置$ scope.form_state变量并将其绑定到提交按钮的ng禁用属性,但它似乎是一种解决方法。应该有一个更简单的直接方法。 您可以将所有表单元素放入字段集并使用ng禁用来禁用[详细]
-
单元测试 – 如何在Angular中覆盖$httpBackend的模拟响应?
所属栏目:[安全] 日期:2020-12-17 热度:73
是否可以在模拟的$ httpBackend中覆盖或重新定义模拟响应? 我有这样的测试: beforeEach(inject(function ($rootScope,$controller,_$httpBackend_) { $httpBackend = _$httpBackend_; //Fake Backend $httpBackend.when('GET','/myUrl').respond({}); //Em[详细]
-
我的AngularJS工厂有多个功能?
所属栏目:[安全] 日期:2020-12-17 热度:56
我正在从官方AngularJS文档跟随 Tutorial,我想知道我是否可以向Phone工厂添加另一个功能,以便我可以更好地组织代码。他们已经声明了一个“查询”功能,但是如果我想添加一个引用不同URL的query2函数,那么说如何使用phone2 /:phoneName.json呢? 工厂申报[详细]
-
角度为4的角材料
所属栏目:[安全] 日期:2020-12-17 热度:159
是否有任何选项可以将Angular材质与新的Angular 4一起使用? 官方material.angularjs.org说: Angular Material recently released Version 1 which we consider to be stable and ready for production use. Developers should note that Angular Material[详细]
-
如何检测用户在Angular2中导航回来?
所属栏目:[安全] 日期:2020-12-17 热度:200
我有一个组件,我需要检测用户是否在他的浏览器中按下按钮以导航回来。 目前我正在订阅路由器事件。 constructor(private router: Router,private activatedRoute: ActivatedRoute) { this.routerSubscription = router.events .subscribe(event = { // if ([详细]
-
Angular 2 – 在父级初始化之后将数据传递给Child组件
所属栏目:[安全] 日期:2020-12-17 热度:194
我有一个父组件,它通过服务从服务器获取数据。我需要将一些数据传递给Child组件。 我一直试图用通常的@Input()传递这些数据,但是正如我所期望的那样,我在Child组件中得到的数据是未定义的。 例 父组件 @Component({ selector: 'test-parent',template: `[详细]
-
angularjs – ng-Animate不适用于“隐藏和显示”设置
所属栏目:[安全] 日期:2020-12-17 热度:54
我正在使用AngularJS版本1.2.11。我已经设置了一个工具栏,可以使用ng-Animate(显示和隐藏)进行过渡。 这是HTML: div div class="full-height" menu-main class="full-height pull-left"/menu-main menu-sub class="full-height pull-left" ng-show="data.a[详细]
-
Angular2 – 将http注入自定义服务时,“无法解析所有参数”错误
所属栏目:[安全] 日期:2020-12-17 热度:178
我已经构建了一个ErrorHandlerLogger,它是一个扩展ErrorHandler并将错误消息记录到远程存储库的服务。 ErrorHandlerLogger需要HttpModule提供的Angular http客户端。 在ErrorHandlerModule中,我导入HttpModule并将ErrorHandlerLogger定义为提供者。 在AppM[详细]
-
什么是AngularJS中的ng-binding?
所属栏目:[安全] 日期:2020-12-17 热度:83
我是一个AngularJS新手,并试图找出在这个例子中class = ng-binding做了什么: label ng-dblclick="editTodo(todo)" class="ng-binding"fghfgh/label 我在这里找到了: http://todomvc.com/architecture-examples/angularjs/#/ 我使用Chrome和开发人员工具。[详细]
-
Angular 2 OpaqueToken vs Angular 4 InjectionToken
所属栏目:[安全] 日期:2020-12-17 热度:179
在Angular 4中引入了InjectionToken,并且OpaqueToken被标记为已弃用。 According to the manual,它应该被用作 const anyToken = new InjectionToken('any'); 对于无类型的令牌,以及 const numberToken = new InjectionTokennumber('number'); 对于键入的[详细]
-
Angular 2:没有ConnectionBackend的提供者
所属栏目:[安全] 日期:2020-12-17 热度:129
得到这个“ConnectionBackend没有提供者[详细]
-
让Angular使用限制性内容安全策略(CSP)
所属栏目:[安全] 日期:2020-12-17 热度:63
我无法使基础Angular2(最终)应用程序与以下限制性CSP一起使用。 default-src 'none';script-src 'self';style-src 'self';font-src 'self';img-src 'self' data:;connect-src 'self' lang.js中有一个不安全评估错误,zone.js中有两个错误。您能提供解决方案[详细]
-
angular – Observable .do()运算符(rxjs)的用例
所属栏目:[安全] 日期:2020-12-17 热度:93
背景: 我正在构建一个角度2应用程序(使用Firebase API)。我正在使用AngularFire模块。我想知道如何将canActivate方法与AngularFire auth Observable混合,我找到了this post.答案是让canActivate方法返回一个Observable boolean : canActivate(): Observab[详细]
-
单元测试 – Karma不执行任何单元测试
所属栏目:[安全] 日期:2020-12-17 热度:143
我似乎在让我的Jasmine单元测试实际执行时遇到问题。我已经通过将logLevel设置为LOG_DEBUG来验证我的所有脚本都已加载。我的单元测试与服务测试@ https://github.com/angular/angular-seed/blob/master/test/unit/servicesSpec.js相同。 此外,我使用了Testa[详细]
-
Angularjs手风琴ng点击面板标题
所属栏目:[安全] 日期:2020-12-17 热度:155
在AngularJS UI Bootstrap中我想在单击面板标题时激活isopen,但我找不到方法。 此版本仅在您单击链接时激活。 这是我尝试过的; accordion-group is-open="isopen" accordion-heading ng-click="isopen=!isopen" I can have markup,too! i class="pull-right[详细]