草庐IT

angular-promise

全部标签

javascript - Angular 动画 : Animate Parent and Child Elements

我用Angular动画创建了一个元素(div.parent),效果很好。当我向它添加一个子元素并尝试同时为该子元素设置动画时,其中一个动画并没有结束运行(它只是捕捉到新状态)。堆栈Blitz:https://stackblitz.com/edit/angular-2tbwu8标记:动画:trigger('theParentAnimation',[state('down',style({transform:'translateY(100%)translateZ(0)',})),transition('**',[group([query(':self',[animate('0.9scubi

javascript - Angular:mat-form-field 必须包含一个 MatFormFieldControl

我正在尝试添加一个带有自定义电话号码输入控件的表单域。我使用了来自https://material.angular.io/components/form-field/examples的电话示例.代码如下:phoneIncludeareacodeimport{FocusMonitor}from'@angular/cdk/a11y';import{coerceBooleanProperty}from'@angular/cdk/coercion';import{Component,ElementRef,Input,OnDestroy}from'@angular/core';import{Fo

javascript - 在不使用 async/await 的情况下按顺序执行 promise 数组

假设我有一系列promise。我的数组中的每个元素都是一个knex.js查询生成器,并准备好执行并返回一个promise。如何按顺序运行此数组的每个元素。该数组是动态构建的。letpromisesArray=[q1,q2,q3];每个q本身不是一个promise,但它会在执行时返回一个promise。 最佳答案 这里可能是一个可能的选择:letp=Promise.resolve([]);promisesArray.forEach(q=>{p=p.then(responses=>{//basedonthenatureofeachq,t

javascript - 我的 promise 不再适用于 jQuery 1.8

此代码片段在1.7.2中适用于成功/错误回调以及promise样式回调。在1.8.2中,成功/错误回调仍然有效,但promise无效。我的预感是returndfd.promise(jqXHR);行是问题所在,但我不确定。$.ajaxPrefilter(function(options,originalOptions,jqXHR){//Don'tinfinitelyrecurseoriginalOptions._retry=isNaN(originalOptions._retry)?Common.auth.maxExpiredAuthorizationRetries:originalOp

javascript - 导航栏中的下拉菜单不会展开( Bootstrap 、 Angular 、指令、路线)

由于某些奇怪的原因,Bootstrap菜单下拉菜单在通过路由器模板构建时不会在单击时展开。直接在模板中使用它工作正常。这是可以玩的plunker:http://plnkr.co/edit/GOky2ajHl46VddQRKDye?p=previewTESTvarapp=angular.module('app',['ngRoute','ctrls']);app.config(function($routeProvider){$routeProvider.when('/menu',{template:'',controller:'mainCtrl'}).otherwise({redirec

javascript - 为什么 Angular Controller 需要 "$scope"

我通常了解到函数实现可以为函数参数使用任何名称,只要以正确的顺序提供即可。这使得函数从外部世界抽象出来,本地名称对输出没有影响。实现者拥有局部变量的所有权利。然而在AngularJS中,拥有类似这样的东西似乎有违直觉:functionController($scope){$scope.name="Something";}如果我把“bar”放在那里而不是“$scope”,我会得到一个错误。这不是我们习惯的正常功能。我相信这与DI有关,但谁能解释这个概念?我发现很难将其称为“函数”,因为它依赖于外部世界-尤其是参数名称。如果DI是真正的原因,谁能告诉我它是如何被调用的?通常,当我想为测试用

javascript - 成功登录后将用户数据从Nodejs服务器推送到Angular

我尝试使用PassportJS通过Facebook登录我的用户,并将用户数据传递给Angular。在服务器端,用户Controller中的Facebook回调代码看起来一切正常:exports.facebookCallback=function(){returnfunction(req,res,next){passport.authenticate('facebook',function(err,user,email){if(err||!user){returnres.redirect('/auth');}req.login(user,function(err){if(err){ret

javascript - AngularJS/Karma - 测试函数返回已解决或拒绝的 promise

尝试在Karma中使用AngularMock进行单元测试,如果我的函数返回了一个被拒绝的promise,但似乎无法在这件事上找到任何令人惊讶的东西。我有一个像UserService这样的服务,它有一个函数:processIdentityResponse,它根据内部逻辑返回一个被解决或被拒绝的promise:processIdentityResponse:function(response){vardeferred=$q.defer();if(response.data.banned){deferred.reject(response);}else{deferred.resolve(re

javascript - 在页面加载之前等待 $rootScope 值在 Angular 中解析

所以我在使用ngView时遇到了这个问题,并且我有一个整个静态的导航栏,如下所示:这个nav.html,导航栏,如果用户注销(使用ng-show)显示一组特定的功能(登录、注册),如果用户登录则显示其他菜单选项。因为重使用当前用户,我将此信息放在$rootScope中,如下所示:$rootScope.currentUser-返回用户对象,$rootScope.signedIn-返回bool值。基本上,我想延迟导航栏的加载,直到加载了$rootScope.signedIn并且是true或false,并且$rootScope.currentUser是一个对象或未定义.我试过在我的app.c

javascript - 无法根据文档在 Angular ui-router 中访问 $state.current.data

我正在尝试动态更新页面标题。考虑这样定义的状态:$stateProvider.state('login',{url:'/login',templateUrl:'/templates/views/login.html',controller:'AuthCtrl',data:{title:'Login'}}在页面的HEAD部分:根据tothedocumentation,Iamsupposedtobeabletoaccessmycustomdataproperty:app.directive("pageTitle",function($state){return{restrict:'A',t