【如何在AngularJs中调用第三方插件库】教程文章相关的互联网学习教程文章

从Angular 2组件调用纯javascript函数【代码】

我有一个文件,有几十个javascript函数.我想要做的是将该文件导入Angular 2组件并运行在“external.js”文件中定义的init()函数.import { Component, AfterViewInit } from '@angular/core';import "../../../../assets/external.js";@Component({selector: 'app-component',templateUrl: 'app.component.html' }) export class ComponentNameComponent implements AfterViewInit {constructor() { }ngAfterViewInit(): void {// in...

javascript – angular http:如何使用自定义标头调用图像?【代码】

在html视图中,图像显示如下:<img ng-src="{{element.image.url}}"> element.image.url指向一个URL:/ rest_api / img / 12345678. 这工作正常,显示图像. 现在,我添加身份验证: 在对用户进行身份验证之前,每个资源都会响应一个http错误401,图像也是如此.验证成功后,会将令牌放在自定义标头中,并与每个$http请求一起发送,以允许访问资源:$http.defaults.headers.common['Authorization'] = token; 这适用于加载$resource的Json文件...

javascript – Angularjs:调用iframe中的其他范围【代码】

在我的测试中,给出了2个文档,A和B.在A文档中,有一个iframe,iframe源是B文档.我的问题是如何修改B文件的某些变量范围? 这是我的代码:一份文件<html lang="en" ng-app=""> <head><meta charset="utf-8"><title>Google Phone Gallery</title><script type='text/javascript' src="js/jquery-1.10.2.js"></script><script type='text/javascript' src="js/angular1.0.2.min.js"></script><script>var g ; function test($scope,$http...

javascript – 如何在Angular 4中包含外部js文件并从angular调用函数到js【代码】

假设我有一个名为abc.js的文件,其函数为xyz().我想在我的Angular 4项目中调用该函数.我该怎么办?解决方法:请参阅angular-cli.json文件中的脚本."scripts": ["../path" ];然后添加typings.d.tsdeclare var variableName:any;将其作为文件导入您的文件中import * as variable from 'variableName';

javascript – Angular 2:两个后端服务调用第一个服务成功【代码】

在我的Angular 2应用程序中,我有后端服务,如下所示.getUserInterests() {return this.http.get('http://localhost:8080/test/selections').map((res: Response) => res.json()); }在调用此服务后,我想在上一个服务成功之前调用另一个服务. 第二次服务let params: URLSearchParams = new URLSearchParams();params.set('access_token', localStorage.getItem('access_token'));return this.http.get('http://localhost:8080/user/se...

javascript – 从遗留代码中调用AngularJS【代码】

我正在使用AngularJS来构建与传统Flex应用程序交互的HTML控件. Flex应用程序中的所有回调都必须附加到DOM窗口. 例如(在AS3中)ExternalInterface.call("save", data);将会通知window.save = function(data){// want to update a service // or dispatch an event here... }在JS resize函数中,我想发送一个控制器可以听到的事件.似乎创建服务是最佳选择.你能从AngularJS外部更新服务吗?控制器可以监听服务中的事件吗?在一个experim...

javascript – Angular外部js库调用Document.Ready【代码】

在我的.net核心asp角度应用程序中使用第三方js库.该库在$(document).ready方法中应用它的逻辑.所以我有一个问题,即库不能正确应用角度路由更改,因为$(document).ready方法不会触发. 我在angular-cli脚本部分引用了外部js库. 我打开了第三方js文件,并为其添加了一个方法,该方法调用与文档准备好相同的逻辑.我只是在努力寻找一种从我的angular typescript组件中调用该方法的方法. 我已经创建了一个简单的剪切js文件来测试它并简化问题...

javascript – AngularJS – 调用Flickr API失败并显示警告消息【代码】

我有一个简单的AngularJS应用程序,允许用户搜索Flickr照片.问题出在IE中我在调用Flickr API时得到以下消息: 此页面正在访问不受其控制的信息.这带来了安全风险.你想继续吗? 如果我单击是,该应用程序将工作并加载相关照片.但是,在Chrome和Firefox中,我没有收到任何消息,也没有任何反应 – 没有加载照片. 这是代码:function PhotoController($scope, photoData) {$scope.thumbSize = 'small';$scope.setThumbSize = function (siz...

javascript – 如何在AngularJS中清除输入时调用函数?【代码】

我知道Angular有simple syntax to display messages或更新css,但我想要做的实际上是调用一个函数.<input ng-model="somefield"> <span ng-show="!somefield.length">Please enter something!</span> <span ng-show="somefield.length">Good boy!</span>这是我的模型vm.tagSearching =”当我开始输入输入并看到值更新时,我可以检测到.但是,一旦我到达最后一封信,我删除了我没有得到更新. 我尝试使用$scope.watch$scope.$watch('vm.t...

javascript – angularjs从html返回值调用函数【代码】

我是AngularJS的新手. 我想从html调用一个函数.<td>{{getComponentSubtype(component.ID)}} </td>但是,该函数调用webapi并等待回调.如何将数据显示在html中?function getComponentSubtype(componentId) {apiService.get('/api/components/' + componentId + '/componentSubtype', config,getComponentSubtypeCompleted,getComponentSubtypeFailed); }function getComponentSubtypeCompleted(result) {$scope.ComponentSubtype = r...

javascript – 如何管理AngularJS http请求调用【代码】

我有一段代码发送双HTTP请求.我想先发出一个身份验证请求,如果是,则执行下一个语句(只返回一个$http的承诺).我怎么能在angularJS中这样做.截至目前,它正在返回undefined.dmdb._login_request = function(credentials, conf) {var p = {'_method': 'POST','data[User][username]': credentials.login,'data[User][password]': credentials.password};conf.headers = {'Content-Type': 'application/x-www-form-urlencoded; charset=...

php – 在angularjs控制器中调用函数内的函数【代码】

我希望在angularjs中调用另一个函数内的函数.例如.我有一个从数据库中获取记录的功能,现在每次调用任何函数时我都需要从数据库中获取.控制器: – function SearchCtrl($scope, $http, $element) {// i wish to put this into a function and call it in every function like add,search,etc.$http.get('php/products.php').success(function(data){$scope.products = data;});$scope.search = function() {var elem = angular.ele...

从Angularjs App中的iOS Webview调用Javascript函数【代码】

我的问题是当我尝试从UIWebView中调用我的AngularJS应用程序中存在的javascript函数时,该函数无法识别.当我在典型的html结构中调用该函数时,该函数被识别为预期的.示例如下: Objective-C的:- (void)viewDidLoad {[super viewDidLoad];// CODE GOES HERE_webView.delegate = self;// LOAD THE CHABACORP HOMEPAGE WITH INITIAL UIWEBVIEWNSString *fullURL = @"http://testing.com";NSURL *url = [NSURL URLWithString:fullURL];N...

javascript – 从另一个控制器中的指令内部定义的一个控制器调用方法:AngularJS【代码】

我有一个指令,其中存在控制器,我有一个功能.我需要从另一个控制器调用该函数. 指令:angular.module('test.directives').directive("manageAccess", function() {return {restrict: "E",replace: true,templateUrl: "template/test.html",controller: function($scope, $element, $http) {$scope.getRoles = function() {console.log('hi');};}};});$scope.getRoles方法是我需要从不同控制器调用的方法. 控制器:angular.module("t...

javascript – 为什么Angular.js使用ng-change来调用我的函数,如何在每次更改时只调用一次?【代码】

经过许多教程后,我正在构建我的第一个正确的angular.js应用程序.我遇到了ngChange指令的问题.每次用户更改下拉列表的值时,我都会尝试使用它来调用函数.我发现它在页面加载时多次调用该函数,并且每次选择该选项时也会多次调用该函数. 我把this jsfiddle放在一起,这表明了我遇到的问题. 我想知道为什么它会表现出这种行为,以及如何在每次选项更改时实现一个函数调用的预期结果,并且不会在页面加载时调用change(). (这个第二个标准对我...