-
如何使用编译模板创建AngularJS工具提示指令?
所属栏目:[安全] 日期:2020-12-17 热度:133
我一直在搜索互联网,并没有找到答案.我的问题很简单,我希望在我的标记中有这样的东西: div my-tooltip-template="'mytt.tpl.html'" my-tooltip-scope="myDataItem"Some text.../div 编辑:其中myDataItem是一个范围变量,它包含我的数据对象,并且模板可能如[详细]
-
Angular2 – 如何在组件中链接异步服务调用(http请求)?
所属栏目:[安全] 日期:2020-12-17 热度:180
我有一个组件,首先需要调用POST的服务.然后在同一个组件中我想等到POST完成后,调用另一个获取数据的服务. 如何进行GET调用等待POST调用完成? 在new-version.component.ts中: private createNewVersion(value) { ... // create new version,then call on al[详细]
-
properties – 获取元素高度
所属栏目:[安全] 日期:2020-12-17 热度:165
我很好奇,如果我可以从组件模板获取元素属性. 所以我用class制作了简单的div,并且我已经创建了这个类: export class viewApp{ elementView: any; viewHeight: number; myDOM: Object; constructor() { this.myDOM = new BrowserDomAdapter(); } clickMe(){[详细]
-
AngularJS具有全局$http错误处理
所属栏目:[安全] 日期:2020-12-17 热度:111
我想全局拦截某些$http错误情况,阻止控制器自己处理错误.我认为HTTP拦截器是我需要的,但我不知道如何让我的控制器也处理错误. 我有一个像这样的控制器: function HomeController($location,$http) { activate(); function activate() { $http.get('non-exis[详细]
-
angularjs – 一种点击量角器端到端测试中隐藏元素的方法
所属栏目:[安全] 日期:2020-12-17 热度:135
有没有办法点击子菜单中的隐藏值.我希望能够做类似的事情 driver.findElement(protractor.By.xpath('/html/body/div/div/a')).mouSEOver.then(function() { ptor.findElement(protractor.By.className('name').getText().then(function(result) { expect(res[详细]
-
在Angular 2中测试ngOnChanges生命周期钩子
所属栏目:[安全] 日期:2020-12-17 热度:149
鉴于以下代码,我尝试测试Angular2的ngOnChanges生命周期钩子: import { it,inject,fdescribe,beforeEachProviders,} from '@angular/core/testing';import {TestComponentBuilder} from '@angular/compiler/testing';import {Component,OnChanges,Input} fr[详细]
-
如何在Angular CLI中重命名组件
所属栏目:[安全] 日期:2020-12-17 热度:57
除了手动编辑所有组件文件(如文件夹名称,css,ts,spec.ts和app.module.ts)之外,还有任何在Angular CLI中重命名组件的快捷方式吗? 没有! 没有命令可以更改使用component create命令生成的所有文件的名称.所以创建了ts,html,css / scss,.spec.ts 需要手动重命[详细]
-
angularjs – 如何禁用父ng-click?
所属栏目:[安全] 日期:2020-12-17 热度:93
我有ng-click的HTML结构: div ng-click="parent()" div ng-click="d"/div/div 我如何禁用外部ng-click =“parent()”如果我执行ng-click =“d” 在angular $event对象上使用stopPropagation方法: div ng-click="parent()" div ng-click="d(); $event.stopP[详细]
-
angular – 如何使用ngComponentOutlet对多种类型的组件进行ng?
所属栏目:[安全] 日期:2020-12-17 热度:167
我有一个类似whatsapp的聊天案例,需要以不同的方式显示许多类型的消息. 每个都有自己的组件,如TextMessageComponent,FileMessageComponent等. 我希望能够在我的消息数组上使用ngFor一次,而不必对类型进行ngIf. 我听说ngComponentOutlet可能是解决方案,但发现[详细]
-
angular cli排除`ng test –code-coverage`的文件/目录
所属栏目:[安全] 日期:2020-12-17 热度:74
我正在运行以下命令进行单元测试并生成代码覆盖率报告. ng test --code-coverage 它工作正常,并在coverage文件夹中编写代码覆盖率报告. 在这里我得到了所有文件和目录覆盖率报告 但我想排除特定的文件/目录让我们说src / app / quote / services / generated[详细]
-
数据绑定 – ngFor中的Angular2 ngModel
所属栏目:[安全] 日期:2020-12-17 热度:175
我试图从我的输入绑定一个字符串数组,所以在html文件中我写了这个: div *ngFor="let word of words; let in=index" class="col-sm-3" div class="form-group" input type="text" [(ngModel)]="words[in]" class="form-control" [attr.placeholder]="items[i[详细]
-
Angular2:从服务响应动态加载组件
所属栏目:[安全] 日期:2020-12-17 热度:66
我知道这不是最好的解决方案,但我希望能够从JSON响应中动态加载组件,这些内容如下: app.component @Component({ selector: 'my-app',template: 'h1My First Angular 2 App/h1 {{component.title}} {{component.selector}}',providers: [AppService],directi[详细]
-
Angular 4 – Reactive Forms – 从列表中未引用的对象中选择列
所属栏目:[安全] 日期:2020-12-17 热度:152
我正在将Angular 1.6代码转换为Angular 4,我遇到了一个元素列表问题. Angular 1.6中的代码是: select ng-model="$ctrl.level" ng-options="item as item.label for item in $ctrl.referentiel.levels | orderBy : 'index' track by item.id" id="childLevel[详细]
-
angularjs – ng-change,ng-click不适用于自v1.3.0以来的data-to
所属栏目:[安全] 日期:2020-12-17 热度:171
适用于角度版本1.3.4.在以下代码段中,ng-change事件不起作用. 依赖:Bootstrap版本3.3.0 以下代码适用于版本1.2.27 JavaScript的 var app = angular.module("demoApp",['ngRoute']);app.controller('DemoController',function ($scope) { init(); function i[详细]
-
Angular 2:手动注入服务
所属栏目:[安全] 日期:2020-12-17 热度:144
我有继承自A类的组件B,C,D. 我想在A类中使用一个服务,但我不知道如何注入它,而不是从它的孩子那里注入它. 我尝试的是正常注射: 构造函数(pageName:string = null,translate:TranslateService){ 但是当我执行super()来构造类A时,它会抛出一个错误,因为我没[详细]
-
angularjs – 是否可以在Web worker中运行Angular?
所属栏目:[安全] 日期:2020-12-17 热度:60
我正在构建一个带角度的SPA应用程序,我希望我的角色服务“WebService”与Web工作者共享.目标是共享一个“WebService”,以便我可以在后台(在Web工作者中)和前端(角度应用程序)中使用相同的服务. 这可行吗? 附加信息: 这里的想法是用于远程服务器上的数据同[详细]
-
angular – 使用简单管道限制为2位小数
所属栏目:[安全] 日期:2020-12-17 热度:67
我找到了一个将数字限制为2位小数并将数字转换为货币数量的示例 – 例如£2.55. {{ number | currency : 'GBP' : true : '1.2-2'}} 是否有一个简单的管道在不使用货币的情况下也能做到这一点? 货币管道在内部使用 number 一个进行数字格式化.所以你可以像这[详细]
-
angularjs – 角度和混合jQuery UI – 为什么不呢?
所属栏目:[安全] 日期:2020-12-17 热度:177
我有以下代码…… div ng-controller="CalendarCtrl" input type="text" ng-model="model.selectedDate" ng-change="onCalendarChange()" id="calendar" //divscript var app = angular.module("myApp",[]); app.controller("CalendarCtrl",function($scope)[详细]
-
angularjs – 使用$timeout刷新每个x时间的范围
所属栏目:[安全] 日期:2020-12-17 热度:140
我是棱角分明的新手.我想在几分钟后使用$timeout of angular来刷新范围.我正在开发一个社交应用程序,我需要在几分钟后刷新通知范围.使用服务从http请求获取通知. JS: App.factory('MyService',function($scope,$timeout){return{ notification:return funct[详细]
-
Angular指令/服务将数字转换为单词(Angularjs中需要)?
所属栏目:[安全] 日期:2020-12-17 热度:135
我想把数字转换成单词.像234中的单词将是2,334.同样,1000将是一千.同样100意味着100. 在angularjs中有没有这个库.如果那么我们将如何在angularjs指令/服务中编写,以便我们可以再次使用它. 创建一个单词过滤器. 我从这篇博文中得到了“toWords”算法:http://[详细]
-
Angular – 读取文件并解析其内容
所属栏目:[安全] 日期:2020-12-17 热度:60
我有文件上传控件,它保存所选文件,如下所示, div class="Block" label id="lbl"File /label input #fileInput type='file'//div 我有一个提交按钮, button type="button" class="btn btn-primary" (click)="uploadDocument()"Upload File/button 当我选择一[详细]
-
angularjs – UI路由器多视图单控制器
所属栏目:[安全] 日期:2020-12-17 热度:153
是否可以有多个视图[ https://github.com/angular-ui/ui-router/issues/494]与单独控制器? 使用案例:我有一个ui-view = header和ui-view = content.我根据当前状态更改标题以显示上下文相关按钮(即返回,保存,过滤等)我希望这些按钮在内容控制器中调用函数,[详细]
-
angularjs – 同一文件中的多个应用和控制器
所属栏目:[安全] 日期:2020-12-17 热度:59
在这个AngularJS代码中: !DOCTYPE htmlhtmlhead script src="http://code.angularjs.org/1.2.9/angular.min.js" type="text/javascript"/script script var app1 = angular.module('app1',[]); app1.controller('Ctrl1',function ($scope) { $scope.name =[详细]
-
Angular2路由:导入带有路由的子模块,使其成为前缀
所属栏目:[安全] 日期:2020-12-17 热度:79
我有一个主模块和一些子模块.我想在它们之间指定一些不平凡的路由. 我更喜欢在子模块中定义子模块的路径.例如.: @NgModule({ imports: [ /*...*/ RouterModule.forChild([ { path: 'country',redirectTo: 'country/list' },{ path: 'country/list',componen[详细]
-
Angular 4:动态设置局部变量#
所属栏目:[安全] 日期:2020-12-17 热度:117
有没有办法动态设置#id,角度用来构造@ViewChild元素引用的HTML属性? 具体需要:我有以下模板,通过迭代* ngFor创建,我想在迭代上分配Angular id. ul li *ngFor="let link of links" /li/ul 在解释之后,最终得到如下结果: ul li #link1 /li li #link2 /li /u[详细]