-
单元测试 – 如何使用Angular 2中的日期管道测试元素的渲染?
所属栏目:[安全] 日期:2020-12-17 热度:141
我似乎无法测试在Angular 2中使用Date管道的组件(通过PhantomJS使用Karma).当我尝试时,我得到ORIGINAL EXCEPTION:ReferenceError:找不到变量:Intl 这是我的整个spec文件: import { provide,PLATFORM_PIPES } from '@angular/core';import { DatePipe } f[详细]
-
angular – typescript类中的方法给出错误“不是函数”
所属栏目:[安全] 日期:2020-12-17 热度:167
我在Angular2 Web应用程序上工作.我在typescript中创建了一个简单的类: export class User { firstName: string; lastName: string; nominative() : string { return this.lastName + " " + this.firstName; }} 当我在User类型的对象上调用nominative时,我[详细]
-
AngularJS – 带有jquery函数的单元测试指令
所属栏目:[安全] 日期:2020-12-17 热度:196
我有一个看起来像这样的指令: angular.directive('newDirective',['$compile',function($compile){ return { link: function(scope,element,attr,controller) { console.log("newDirective Content:"+$("#sub").html()); } };}]); 我试着用这个进行单元测试[详细]
-
Angular2:模板字符串中${..}和{{…}}之间的差异
所属栏目:[安全] 日期:2020-12-17 热度:97
在ES6中,有模板字符串功能,也就是说,我们可以像这样形成/连接字符串(带反引号) var name = 'John';var intro = `My name is ${name}`; 在Angular 2 Component Template中,我们使用插值的双花括号,我们可以使用它来插入变量的值. @Component({ selector: 'sel[详细]
-
angular – 如何配置NgbDropdown以从下拉列表中显示所选项目
所属栏目:[安全] 日期:2020-12-17 热度:84
在 ng-bootstrap NgbDropdown中,您将如何显示所选按钮的文本,以便用户选择的项目替换最初显示的默认文本? 在下面的示例中,目标是显示用户选择的任何排序选项. div ngbDropdown class="d-inline-block" button class="btn btn-outline-primary" id="sortMenu[详细]
-
angularjs – AngularAMD ui-router动态控制器名称?
所属栏目:[安全] 日期:2020-12-17 热度:70
我正在尝试在我的应用程序中编写一个通用路由,并根据路径参数动态解析视图和控制器名称. 我有以下代码可行: $stateProvider.state('default',angularAMD.route({ url: '/:module/:action?id',templateUrl: function (params) { var module = params.module;[详细]
-
angularjs – 如何在嵌套的ng-repeats中获取索引
所属栏目:[安全] 日期:2020-12-17 热度:180
我在ng-repeat中有一个ng-repeat.我想在两个级别获得索引,但我无法: tbody tr ng-repeat="element in body" td ng-repeat="h in header" style="width:{{h.width}}px" div col="{{$parent.$parent.$index}}" row="{{$parent.$index}}"{{element[h.column]}}[详细]
-
angularjs – 为什么输入不能修改ng-repeat(和ng-switch)之外的
所属栏目:[安全] 日期:2020-12-17 热度:193
我假设范围问题是这个例子中的输入可以修改它旁边的值而不是其他值的原因.如果是这种情况,我如何将模型连接到正确的范围?如果不是范围问题,我做错了什么? html ng-app head script type="text/javascript" src="angular-1.0.1.min.js"/script script type=[详细]
-
如何在Angular中计算下载/上传网速
所属栏目:[安全] 日期:2020-12-17 热度:80
我想在Angular中计算下载和上传互联网速度. 对API的请求不是最佳解决方案,因为如果服务器本身从加载速度变慢,结果将是不正确的. 也许Angular有解决方案,它使用特殊网站(例如speedtest.net). 有任何想法吗? 什么是互联网速度? 每个人都希望下载越来越快,并[详细]
-
Angular 2,在@ ngrx / effects中捕获401
所属栏目:[安全] 日期:2020-12-17 热度:133
我有@ ngrx / store和效果很好,但是,我刚刚意识到会有很多API调用(在效果中),如果其中任何一个返回401错误,我应该将用户重定向到登录页面.我的问题是:我不想在每一个效果中检查一下,这对于同样的事情来说是一个额外的代码.比方说,我有一个像这样的代码: 样[详细]
-
angularjs:用于检查用户名是否存在的自定义指令
所属栏目:[安全] 日期:2020-12-17 热度:195
我的注册表格带有文本框用户名.我想要做的是当用户输入用户名时,custom指令将检查输入的用户名是否存在于数据库中. directives.js angular.module('installApp').directive('pwCheck',function ($http) { return { require: 'ngModel',link: function (scope[详细]
-
angularjs – 如何将图像的src绑定到ng-model并在Angular中提取
所属栏目:[安全] 日期:2020-12-17 热度:111
我想将图像的源绑定到另一个图像的源. 在最终结果中,大图像的源应绑定到点击的较小(缩略图)图像的src.这是否可以使用ng-model? 这就是我所拥有的 div img ng-src="{{selectedImg.src}}" /div div ul ng-repeat="thumb in franchises" li img ng-src="{{thum[详细]
-
Angular2“没有t的提供者!”和Uncaught(承诺):错误:DI错误
所属栏目:[安全] 日期:2020-12-17 热度:100
我在Angular 2中构建了一个应用程序,并遇到了一个问题. 我使用angular CLI来创建我的应用程序,我使用Angular CLI创建了我的组件和服务,并使用“ng serve”在本地运行应用程序,一切正常.为了创建PROD的构建我使用命令“ng build –Prod –base-href ./ –aot[详细]
-
角度4的标题管
所属栏目:[安全] 日期:2020-12-17 热度:170
Angular 4 introduced a new ‘titlecase’ pipe ‘|’ and use to changes the first letter of each word into the uppercase. 例如, h2{{ 'ramesh rajendran` | titlecase }}/h2!-- OUTPUT - It will display 'Ramesh Rajendran' -- 打字稿代码有可能吗?[详细]
-
Angular2(或TypeScript)中的“声明或语句预期”错误
所属栏目:[安全] 日期:2020-12-17 热度:52
我是Angular2和TypeScript的新手.我正在关注教程,但我一直在处理这个错误.这是由编译器或其他东西引起的错误吗? 看起来您使用的是旧版本的编译器. 您需要下载并安装TypeScript 1.5 beta(或更新版本)才能使用ES6样式导入和注释. 您可以使用以下方法检查当前[详细]
-
在Angular 2中将模型/实体/对象添加到NgModule
所属栏目:[安全] 日期:2020-12-17 热度:55
我一直在尝试创建一个由User,Book,Library,Movie等对象组成的@NgModule(名为ModelsModule).这样做我试图不在每次需要时导入每个对象,而是在AppModule(主@NgModule)的开头导入它们并使用它们多次我想要的. 对象/实体/类……示例 export class Author { constr[详细]
-
angularjs自定义确认框
所属栏目:[安全] 日期:2020-12-17 热度:196
所以我正在尝试使用Angular实现自定义确认框.理想情况下,我只想添加一个属性来启用该功能.例: button type="button" ng-click="delete(foo)"Delete/button - button type="button" ng-click="delete(foo)" ng-confirm="Are you sure you want to delete thi[详细]
-
angularjs – 指令应该与Angular JS中的控制器通信吗?
所属栏目:[安全] 日期:2020-12-17 热度:177
我一直在观看John Linquist的视频,他在一个视频中给出了这个例子: var app = angular.module('twitterApp',[])app.controller("AppCtrl",function ($scope) { $scope.loadMoreTweets = function () { alert("Loading tweets!"); }}app.directive("enter",fu[详细]
-
AngularJS如何从文本框中添加表达式中的数字?
所属栏目:[安全] 日期:2020-12-17 热度:62
我在从文本框添加数字并将其放在另一个文本框上时遇到问题.我的情况是这样的: 我有一个文本框: input type="text" ng-model="num1" / 无论此文本框上的输入是什么,这将是另一个文本框的值,如下所示: input type="text" value="{{ num1 + 1 }}" / 此设置显[详细]
-
AngularJS ui-router:reload:true也重新加载父状态
所属栏目:[安全] 日期:2020-12-17 热度:125
In this plunk你有两个ui-router状态,一个父母和一个孩子.通过单击链接调用子项时,因为它具有reload:true选项,所以它总是被重新加载.这很好,但问题是父状态也被重新加载.尝试多次单击“填充11”链接,您将看到父时间戳也发生变化. 我怎样才能重新加载孩子?[详细]
-
angularjs – 如何覆盖量角器的默认超时?
所属栏目:[安全] 日期:2020-12-17 热度:119
如何覆盖默认超时(defaultTimeoutInterval)并描述Protractor中的方法?它默认为2500毫秒. 我自己就找到了答案. 在config.js中: jasmineNodeOpts: { defaultTimeoutInterval: 25000},[详细]
-
在控制器中访问AngularJs指令变量
所属栏目:[安全] 日期:2020-12-17 热度:165
我对 Angularjs有点新鲜.我想要的是在’myController’控制器中访问“$scope.myVar”变量.如果您能提供解决方案,那将是非常有帮助的. angular.module('myDirective',[]) .controller('myController',['$scope',function ($scope) { }]) .directive('myDirect[详细]
-
angularjs – ng-selected true但不选择
所属栏目:[安全] 日期:2020-12-17 热度:172
所以,我有一个选择列表,我试图动态选择项目.问题是,即使doe表达式被评估为“true”,该选项仍未被选中 label for="articlePage"Page:/labelselect class="form-control pageList" name="articlePage" required="" ng-model="article.page_ID" option ng-repea[详细]
-
如何使用Angular2中的Observable Map函数将Http Service返回的Re
所属栏目:[安全] 日期:2020-12-17 热度:82
您好我已经创建了一个angular2服务,其任务是调用webapi,它返回json对象结构中的数据,如下所示: //Result of the webapi service call.{ "Total":11,"Data":[{"Id":1,"Name":"A","StartDate":"2016-01-01T00:00:00"},{"Id":2,"Name":"B","StartDate":"2016-0[详细]
-
如何在angular-cli中为长路径制作“别名”?
所属栏目:[安全] 日期:2020-12-17 热度:166
我正在使用Angular CLI.如何转换路径: import {AppConfig,AppConfigInterface} from '../../../app.config'; 类似于: import {AppConfig,AppConfigInterface} from 'root/app.config'; 在tsconfig.json中尝试这个: { "compileOnSave": false,"compilerOpt[详细]