在angular 8中如何在其他函数之后调用一个函数
在Angular 8中，可以使用Promise、Observable或者async/await来在其他函数之后调用一个函数。
- 使用Promise：
- 使用Promise：
- 使用Observable：
- 使用Observable：
- 使用async/await：
- 使用async/await：
以上是在Angular 8中如何在其他函数之后调用一个函数的几种常见方法。根据具体的业务需求和代码结构，选择适合的方法来实现函数的顺序调用。
相关·内容
1回答
我在AngularJS中有一个名为WebService的工厂，它返回一个$resource对象。
angular.module('cstarsServices')
.factory('WebService', function ($resource)
{
return $resource("some_url_here/:op1/:op2/:op3/:op4",
{op1: 'indexes'},
{
getIndexes: {
浏览 4提问于2014-07-23得票数 0
我对ng世界相当陌生，所以请不要太在意我的虚荣心:)
在组织我的代码和理解它的依赖注入IoC方法时，我确实试图保持“角度”的思维方式。
我的目标之一是在SharePoint中处理REST服务。SharePoint集成本身并不是问题。我需要调用UI元素中按键上的REST服务来提供建议列表。就像我说的，我已经将服务连接起来，并使用ngResource进行工作。该服务是$resource元素和工厂注入助手方法的组合，该方法连接POST中所需的有效负载JSON。
如何在控制器中成功地测试我的服务的一个例子是：
peoplePickerControllers.controller('People
浏览 0提问于2015-05-29得票数 0
回答已采纳
2回答
在我的控制器中有一个函数如下：
控制器
'use strict';
define(['angular', 'app/controllers'], function (angular, controllers) {
console.log("Loading controller:");
controllers.controller('MyCtrl', function ($scope, $window, $timeout, $log, $location, $route, $routeParams
浏览 6提问于2014-05-21得票数 3
我正在尝试用Selenium编写一个测试，它从2个下拉列表中选择一项，然后单击一个按钮。我遇到的问题是，第二个dropdown由一个angularjs调用填充，这取决于从第一个dropdown中选择的项目。由于某些原因，angular调用永远不会运行，第二个列表永远不会被填充并导致错误。为什么当值改变时，angularjs调用不会被执行？
下拉列表示例：
<select id="itemList" style="width:495px;" onchange="angular.element($(this)).scope().itemChanged(
浏览 14提问于2017-02-03得票数 0
回答已采纳
当我切换到使用@angular 2.4.4时，我开始得到下面的错误。当我恢复到@angular 2.2.1时。我可以毫不费力地构建。
当使用angular 2.4.4时，我仍然可以使用"npm start“在本地运行我的程序。
只有当我尝试使用"ng build --prod --aot“运行构建时，我才得到错误。
据我所知，我没有使用错误中引用的"NoOpAnimationDriver“或"BrowserTestingModule”。
我希望有人以前见过这个错误，也许能告诉我以下任何一个: 1.这个错误到底是什么意思。2.为什么我在不使用的函数中遇到错误。3.
浏览 1提问于2017-01-24得票数 4
1回答
我正试图在我的应用程序中使用指令。这是我的main.js，这是所需的宣言文件：
requirejs.config({
paths: {
underscore: 'lib/underscore/underscore',
angular: 'lib/angular/angular',
jquery: 'lib/jquery/dist/jquery.min',
'angular-route': 'lib/angular-route/angular-rout
浏览 1提问于2014-10-08得票数 0
回答已采纳
1回答
我正在尝试为一个使用命名空间的Angular组件编写测试。它可以正确编译，但是我不太确定如何模拟或监视正在使用的命名空间。 我曾尝试在测试模块提供程序中定义它，但显然不会起作用，因为它没有被注入。有没有其他方法可以为单元测试提供命名空间的模拟？ stackblitz示例：https://stackblitz.com/edit/angular-testing-tyazbd
浏览 11提问于2019-05-07得票数 0
回答已采纳
我在对话框中有一个隐藏的表单，我想自动提交它。HTML代码：
<form #formVal method="POST" [action]="urlvalue">
<p *ngFor="let item of redirectData.RedirectData.Form.Parameter;
let pindex = index;">
<input type="hidden" [name]="item.name" [value]="item.va
浏览 1提问于2018-08-21得票数 0
我是AngularJS的新手，我正在使用ng-show和if else语句在AngularJS中使用$timeout执行一个单独的项目。但是，在显示了几秒钟之后，我无法得到超时的答案。我尝试了从当前处理这个主题的堆叠溢出页面中进行组合。除了超时能力之外，其他一切都能工作。
--HTML----
<form>
<div class="form-group">
<label>{{ question }}</label>
<input type=&#
浏览 6提问于2016-08-10得票数 0
回答已采纳
我最近了解了Angular.js。在这里，我集成了Angular.js和Beego (Go框架)来开发单页面应用程序。我搞不懂如何自动调用Angular控制器内部的方法？
这是我的角度控制器：
angular.module('myApp')
.controller('BarangMasukController', ['$scope', '$http', 'myServices', function ($scope, $http, myServices) {
var initializeTas
浏览 0提问于2018-10-04得票数 0
在Angular中，我们如何防止基于条件的单选按钮点击事件。 请查看下面的链接 https://stackblitz.com/edit/angular-ivy-yrvzcl?file=src/app/app.component.ts 如果total为零，我想防止发生更改事件。
浏览 12提问于2020-08-15得票数 1
回答已采纳
2回答
我用angularjs在控制器上创建了一个函数，看起来如下所示
$scope.pload = function () {
$http.get('/WebServices/manageuser.asmx/showdatamanageuser', {
}).then(function (response) {
$scope.getdata = response.data;
console.log($scope.getdata);
});
浏览 3提问于2017-02-09得票数 0
回答已采纳
我有一个angular应用程序和textarea：
<textarea id="log_text_area" readonly>{{logger}}</textarea>
另外，我有一个必须更新此textarea的Logger服务。
angular.module('app').factory('Logger', [function(){
var logger = {};
//
// Write log
//
logger.log = function(log_area, argum
浏览 1提问于2013-07-08得票数 0
回答已采纳
在主控制器中，我写道：
angular.element(window).load(function () {
$timeout(function () {
scrollAnchor(); // Scroll to Anchor
});
});
在呈现所有元素之后，我会滚动到最后一次操作。问题是，还有其他带有其他函数的$timeout()。所以滚动不是最后一次操作。是否有办法在$timeout中执行的函数中引入优先级？
浏览 1提问于2016-12-02得票数 1
回答已采纳
2回答
我刚刚看了一下angular-flash的源代码，它在下面：
谁能给我解释一下他是如何创建flash模块的
(function (root, factory) {
if (typeof module !== 'undefined' && module.exports) {
// CommonJS
module.exports = factory(root, require('angular'));
} else if (typeof define === 'function' &am
浏览 1提问于2016-01-24得票数 0
我在js文件中定义了一个Controller，如下所示。在我更改javascript文件中"Test2Controller“控制器的位置之前，这一切都是完美的。当我将Test2Controller放在SampleController函数/函数声明下面时，它会给出以下错误：
Chrome开发工具中的错误：
未知TypeError:对象#的属性‘控制器’不是一个函数my控制子1.js:26错误:参数'Test2Controller‘不是一个函数，在(file:///D:/Dev/olite/workspace/olite/olite/WebContent/AngularJSDem
浏览 3提问于2013-12-11得票数 0
回答已采纳
所以我是AngularJS和NodeJS的新手，尝试使用创建一个简单的ng表
App.js
var app=angular.module('two_way',['datatables', 'ngResource']);
这是控制器，
app.controller('two_way_control',function($resource,$scope,$http,$interval){
load_pictures();
load_platform_metadata();
load_platform_values(
浏览 2提问于2016-07-14得票数 0
回答已采纳
我以前参与过使用Backbone、JQuery和RequireJS的项目，现在正在探索Angular2。
我有一个现有的SPA，它主要使用backbone托管各种“小部件”，并让Angular2组件并行运行。
我可以使用bootstrap方法加载多个Angular2组件。
angular小部件的父元素将使用backbone/jquery进行管理。
处理或销毁angular2小部件的最好方法是什么？
据我所知，bootstrap方法创建了一个新的'Zone‘。有没有一种方法可以强制所有子组件使用onDestroy并释放专区？
浏览 0提问于2015-06-04得票数 0
在我的项目中，我需要添加图像上传功能，让用户上传他们想要的图像。组织上传的最佳实践是什么？
我尝试将图像(使用Node.js)保存在本地文件夹(即我的Angular项目的'assets‘文件夹)中。
问题是，当我从项目的“添加”页面添加图像，并导航回我的主页时，Angular在没有项目重建(ng服务器)的情况下无法通过它们的路径(从“assets”文件夹)找到图像。我该如何解决这个问题呢？
浏览 1提问于2019-11-10得票数 0
3回答
如何在Angular 8中获取和设置全局变量？问题是，如果我创建一个这样的文件 export class SharedService {
globalLanguage:string;
setGlobalVar(currentLanguage:string) {
this.globalLanguage = currentLanguage;
}
getGlobalVar():string{
return this.globalLanguage;
}
} 我尝试通过set函数从一个组件中进行设置，通过get函数从另一个组件中读取
浏览 47提问于2020-01-15得票数 0
回答已采纳
我正在用AngularJS练习，我想了解AngularJS是如何工作的。
如果我们尝试下面的代码
<!DOCTYPE html>
<html>
<head>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>
<body>
<div ng-app="" ng-controller="personControll
浏览 4提问于2014-11-25得票数 0
我对如何在angular和mongoDB中创建基本CRUD感到困惑。我安装mongodb并创建数据库，但我不知道我的数据库是在哪里创建的。如何将数据库与angular 6连接，以及如何插入、更新和删除记录。其他混淆是关于模型的。模型是在哪里创建的，以及如何调用这些模型以便与数据库交互。我是Angular 6和mongoDB的初学者。请一步一步地指导我。我找了很多，但没有找到有价值的东西。答案和建议将受到高度赞赏。谢谢
浏览 2提问于2018-11-04得票数 1
我正在编写一个应用程序，可以让用户点击某个位置，并被指向谷歌地图，除了:在这个应用程序中，我有一个表，我希望能够按用户的距离或名称排序，然而，我在获取显示距离时遇到了困难。我正在使用Haversine公式来计算到位置的距离。我已经用固定的坐标测试了公式，这个公式不是问题。我认为问题在于更长的forEach，getCoordDistance();和location.Distance = d;位于底部。我收到一个错误：$scope.myLat、$scope.myLon、$scope.locLat和$scope.locLon没有定义，那么我也会得到这个奇怪的错误。
TypeError: undefi
浏览 1提问于2014-08-14得票数 0
回答已采纳
我知道ngOnInit是特定于Angular的语法，而构造函数是Typescript/ES2015类语法。但是当涉及到它们在Angular 2组件中的使用和执行时，有什么不同呢？
浏览 0提问于2016-09-19得票数 1
2回答
打开应用程序时，我试图根据字符串将全局变量设置为不同的值。
globals.ts
import { Injectable } from '@angular/core';
@Injectable()
export class Globals {
env: string;
constructor() {}
setEnv(setEnv: string) {
this.env = setEnv;
}
}
cti-nav.component.ts
import {Component, Inject, OnInit} from '@angular/core
浏览 1提问于2019-01-31得票数 1
回答已采纳
1回答
如何处理“随机HTTP获取”错误
、、、、
我需要一个接一个地发送多个get请求。当计数为2-3时，它可以正常工作，但是对于几乎6个HTTP请求，有时其中一些请求会失败并给出Internal Sever Error(500)。打开新选项卡中的错误链接将提供所需的结果。
所以服务器端没有什么问题。
我在：localhost和production两方面都面临着这个问题。如何从客户端处理这种情况？
我试过：
NodeJS + SocketIO无需询问就可以从服务器发送数据。如果套接字一直写到60秒的话。套接字重新注册&从头开始重新启动。
Angular + NGResource。内部使用http get。问题依然存在。
A
浏览 1提问于2014-04-08得票数 2
哪个函数在angular 2中的ngOnInit()之后调用？我想在ngOnInit()完成后调用函数。我是Angular 2的新手。在这种情况下，请帮助我做最好的事情。
浏览 0提问于2016-07-27得票数 1
1回答
我刚接触到will，我试图在一个js文件中定义模块，我感觉到angular马上就在处理我的dom，var app = angular.module("myApp", []);将在稍后阶段在Shell或它的一个模块中定义。
我尝试使用正则脚本标记，但有错误，我假设在我的dom准备好之后，如果稍后注入它，然后在Shell中实例化模块。请指点。
Javascript
document.addEventListener("DOMContentLoaded", function(event) {
inject();
new Shell();
});
浏览 1提问于2014-09-19得票数 1
回答已采纳
我正在创建一个网站，使用Java 8作为后端，Angular 6作为前端。我对angular非常陌生，所以我一直在研究如何创建和构建angular项目。我仍然不明白前端和后端是如何相互通信的。angular是如何调用java方法的？java是如何将信息发回angular的？我知道java将处理程序的所有逻辑/模型部分，angular将处理视图，但我无法理解两种不同的语言如何以这种方式进行通信。
浏览 38提问于2018-08-23得票数 0
回答已采纳
插件：
cordova plugin add cordova-plugin-networkinterface
代码：
networkinterface.getIpAddress((ip) => {
console.log(ip);
});
错误：
TypeError: Cannot read property 'getIPAddress' of undefined
现在，我既没有提供任何提供者，也没有提供任何导入，那么它在离子2中是如何工作的呢？
这不是一个本地插件。但是这个插件是在离子2中工作的，根据这个
Package.json：
{
"name&
浏览 4提问于2017-04-09得票数 2
2回答
如何在更改对象时停止$watch
这是一个$watch函数
$scope.$watch($scope.OneTime,function(old,new)
{
// my function
});
只要更改了我的( $watch )对象值，上面的OneTime函数就会被触发。
但是我不会在每次更改时查看对象，我只想在上第一次只在上更改对象时触发函数。
我还尝试了一些东西，并从angular.js脚本文件中找到了一个函数，但是我不知道下面的函数到底在做什么。
您可以从angular.js脚本文件中找到此函数。
function oneTimeWatchDelegate(scope, l
浏览 8提问于2017-02-01得票数 0
回答已采纳
在中，不写回调函数。
我有服务：
angular.module('myApp')
.factory('Thing', ['$resource',
function ($resource) {
return $resource('/api/things/:id', { id: 'all' }, {} );
}
);
我有控制器：
angular.module('myApp')
.controller('ThingCtrl', ['$sco
浏览 1提问于2014-05-10得票数 2
回答已采纳
我看到了启动AngularJS的两种不同方式：
ng-app="TodoApp“
angular.bootstrap(angular.element("body")、"TodoApp")；
首先，有人能告诉我这两者是否是一样的吗？
我还看到以下代码：
var TodoApp = angular.module('TodoApp', ['ngResource']);
在我发出angular.bootstrap命令之前，上面的代码必须已经加载了吗？
浏览 1提问于2013-04-08得票数 2
我正在尝试使用vis.js库来可视化一个简单的网络。我的控制器如下所示
var App = angular.module('App', ['ngRoute','ngVis']);
App.controller('visController', ['$scope','$http','$window','VisDataSet',function($scope,$http,$window,VisDataSet)
{
$scope.Node
浏览 2提问于2016-04-28得票数 0
3回答
我想使用指令创建一个ajax加载器。在链接函数中，我使用了显示和隐藏函数，但我得到了错误
elem.show is not a function
at Object.fn (loaderDirectives.js:15)
at Scope.$digest (angular.js:11814)
at Scope.$apply (angular.js:12067)
at done (angular.js:7838)
at completeRequest (angular.js:8026)
at XMLHttpRequest.xhr.onreadystatechange (angular.js:79
浏览 0提问于2017-09-18得票数 0
2回答
席形场不是已知的元素
、、、、
嗨，我在这里尝试过类似的问题，但是没有找到解决方案，所以我尝试用我的代码来问。我正在尝试创建对话框与输入字段使用角质材料垫-形式场.这是我的app.module.ts
import { APP_INITIALIZER, NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
import { AppComp
浏览 0提问于2022-07-26得票数 0
回答已采纳
我在angular中有这个工厂，它总是返回0错误代码，尽管我可以看到它是从json源码中获取的，但有人能帮我吗？
app.factory('docFactory', function($http) {
var docFactory = {
async: function(page) {
var url = 'http://example.com/ProviderRequest?&queryString=searchv2&callback=JSON_CALLBACK';
var pr
浏览 0提问于2013-06-04得票数 0
回答已采纳
3回答
嗨，我想知道如何在嵌套函数中使用组件的变量。
下面是一个例子：
export class AppComponent implements OnInit {
name = ['Angular 6','Angular5','Angular4','Angular2'];
isexist: string[]=[];
ifExist(text){
var that= this;
console.log("first ",this);
var test="test";
let exis
浏览 2提问于2018-05-13得票数 0
Html：
<map street="{{firstunit.street}}"/>
组件：
@Component('CustomerService', {
templateUrl: '/CustomerService/_UnitCard/MapComponent/Map.html',
selector: 'map',
bindings: {
street: '@',
}
})
export class MapComponent {
private
浏览 0提问于2019-10-03得票数 1
在我的指令中，我有一个html按钮。当一个函数被点击时，我想调用它。我对angular js了解不多。所以我想在按钮点击的时候打开一个模式。 我认为这条路是， 指令内的html按钮-> showModal()函数。此showModal()是一个webservice函数，它通过webservice调用一个模型。 我已经在html中添加了ng-click="documentManagerButtonCtrl.showDocumentModal()"。 但是它没有调用指令函数。有人能解释一下如何在单击按钮时打开带有服务的模式吗 <div class="col&#
浏览 32提问于2020-12-17得票数 0
回答已采纳
1回答
我有一个离子应用程序，它是用离子3创建的，最近更新到离子5(角度8)。
该应用程序在Chrome浏览器(带有ionic serve)中运行，没有任何问题，一切都在正常运行。
近两周来，我一直在尝试制作一个运行在iOS上的版本。
我安装了最新的XCode 12，并尝试使用ionic cordova build ios --prod创建一个构建。构建完成后，我在xCode中打开项目文件，并尝试在我的iPhone上测试它。
此时将显示登录屏幕，用户可以通过单击登录按钮进行身份验证。这将打开一个可以对用户进行身份验证的InAppBrowser。身份验证成功后，InAppBrowser将关闭，并将已登录
浏览 2提问于2021-03-12得票数 0
app.component.html包含一个按钮，单击该按钮将执行openConfirmationDialog方法下的代码。在此方法中，我先从外部打印，然后根据对话框“是”或“否”中的用户选择在控制台上打印。
如何在“外部”之前将“是”/“否”打印到控制台？
app.component.html:
<button class="btn btn-primary" (click)="openConfirmationDialog()">Click</button>
app.component.ts:
import { MatDialog, Ma
浏览 5提问于2022-01-26得票数 0
回答已采纳
我知道如何使用ipc从angular应用程序向电子主线程发送消息或调用函数。
但在我的情况下，我有一些线程运行在电子主线程，如视频处理，并在一些文件完成处理后，电子要求发送更新角度GUI的消息和参数。
电子主线程(main.ts)如何调用angular EventEmitter将一些数据发送回angular应用程序。
浏览 2提问于2020-10-30得票数 1
我面临着一个奇怪的问题，我在一个全局变量中没有定义，我想以后再使用它。我已经放置了2个console.log( )，棘手的部分是首先触发检查2(作为console.log输出)，而不是检查1)。请看一下TS文件。在检查1中，我得到了正确的值，但它在setRadioButton方法之后触发，我不太明白为什么会发生这种情况？
import { Component } from '@angular/core';
;import { IonicPage, NavController, NavParams } from 'ionic-angular';
import {
浏览 3提问于2018-01-15得票数 0
回答已采纳
我正在尝试使用创建一个包
在我添加RouterModule之前，一切都很好。
导致问题的模块
import { NgModule, ModuleWithProviders } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ClientMenuComponent } from './client-menu/client-menu.component';
import { ClientMenuItemComponent } from
浏览 1提问于2018-05-24得票数 2
回答已采纳
我正在尝试用AngularJS创建下拉菜单。我创建了一个工厂(‘disResource’)，并使用$resource从数据库中检索数据。
工厂：
angular.module('app').factory('disResource', ['$resource', function($resource) {
return $resource('/api/disciplines/:dis_id', {}, {
query: {method:'GET', params: {}, isArray:true},
浏览 2提问于2014-03-20得票数 0
回答已采纳
1回答
我有一个组成部分：
import template from './login.html';
import controller from './login.controller';
import './login.less';
let loginComponent = {
restrict: 'E',
bindings: {
redirect: '@'
},
template,
controller,
controllerAs: 'vm'
};
export d
浏览 3提问于2016-02-24得票数 1
回答已采纳
我的angular组件从注入的服务中获取数据...该服务如下所示：
//method inside Customer-Service
getCustomers(): Observable <ICustomer> {
return this.http.get('http://foo.com/_api/app/Customers')
.map( (response: Response) => { return <ICustomer[]> response.json(); })
.catch
浏览 0提问于2017-08-23得票数 0
1回答
所以我正在尝试获取一个令牌，因为在api身份验证中需要它来获取列表。我从导入angular2-token开始：
import { Angular2TokenService } from 'angular2-token';
然后添加describe块：
describe('ListComponent Tests', () => {
let token: Angular2TokenService;
beforeAll(() => {
token.init();
token.signIn('test@email.com&#
浏览 2提问于2016-12-13得票数 0
1回答
我正在尝试使用Jasmine和Karma编写我对Angular的第一个“复杂”测试。这是我想要写一个测试的代码：
import { Component, Inject } from "@angular/core";
import { FormGroup, FormControl, FormBuilder, Validators } from '@angular/forms';
import { Router } from "@angular/router";
import { AuthService } from '../../servi
浏览 0提问于2018-10-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
