如何在不导入的情况下调用位于angular应用程序之外的javascript函数
在不导入的情况下调用位于Angular应用程序之外的JavaScript函数，可以通过以下几种方法实现：
- 使用全局对象：如果JavaScript函数是在全局作用域下定义的，可以直接通过全局对象来调用。在浏览器环境中，可以使用
window对象来访问全局作用域下的函数。例如，如果有一个全局函数myFunction，可以通过window.myFunction()来调用。 - 使用命名空间：如果JavaScript函数是在一个命名空间中定义的，可以通过命名空间来调用。命名空间可以是一个对象，其中包含了需要调用的函数。例如，如果有一个命名空间
myNamespace，其中包含一个函数myFunction，可以通过myNamespace.myFunction()来调用。 - 使用外部脚本标签：如果JavaScript函数定义在一个外部的JavaScript文件中，可以通过在HTML页面中添加一个外部脚本标签来引入该文件，并在需要调用函数的地方直接调用。例如，在HTML页面的
<head>或<body>标签中添加以下代码：
<script src="path/to/external/script.js"></script>然后，在需要调用函数的地方直接调用函数，例如：
<script>
myFunction();
</script>- 使用动态加载脚本：如果需要在运行时动态加载外部的JavaScript文件，并调用其中的函数，可以使用动态创建
<script>标签的方式来实现。例如，可以使用JavaScript的createElement和appendChild方法来创建并添加一个<script>标签，然后设置其src属性为外部脚本的URL，最后在加载完成后调用其中的函数。
var script = document.createElement('script');
script.src = 'path/to/external/script.js';
document.head.appendChild(script);
script.onload = function() {
myFunction();
};需要注意的是，以上方法都假设JavaScript函数在浏览器环境中执行。如果是在Node.js环境中执行，可以使用require关键字来导入外部模块，并直接调用其中的函数。
以上是在不导入的情况下调用位于Angular应用程序之外的JavaScript函数的几种方法。具体使用哪种方法取决于函数的定义方式和调用场景。
相关·内容
1回答
我是第一次使用ng。我试图在foo模块下创建一个新模块('foo')和一个新组件('bar')。不过，我认为我应该用ng来做这件事似乎没有用：
mbp:my-new-app chris$ ng g m foo
installing module
create src/app/foo/foo.module.ts
mbp:my-new-app chris$ ng g c bar -m foo
installing component
create src/app/bar/bar.component.scss
create src/app/bar/bar.compo
浏览 1提问于2017-03-30得票数 0
回答已采纳
在我的Angular 7项目中，在src文件夹中，我有一个site.js文件，其中保存了一些javascript函数。 这个文件在angular.json中被引用(在脚本部分下)，看起来一切正常。在index.html内部，我看到来自site.js的所有函数都是可用的。 如何从angular component运行任何函数？我的site.js似乎被组件忽略了。 谢谢
浏览 23提问于2019-01-25得票数 0
我是angular2新手，我想知道systemjs.config.js文件中所有对象的使用情况。
System.config({
paths: {
// paths serve as alias
'npm:': 'node_modules/'
},
// map tells the System loader where to look for things
map: {
// our app is within the app folder
app: 'di
浏览 2提问于2017-02-28得票数 1
回答已采纳
在我用angular cli创建的组件中，我从未添加过import 'rxjs/add/operator/first';
但是，使用this.route.params.first()仍然有效。为什么？
有没有可能不必在每个文件中都导入大量运算符？
浏览 1提问于2017-07-12得票数 1
我使用的是角4，这是我有建议列表组件的问题，我想使用来自和的记帐-js，我是用
npm install accounting-js
这是我的建议-列表。组件。
import { Component, OnInit } from '@angular/core';
import { formatNumber } from 'accounting-js/lib/formatNumber.js';
@Component({
selector: 'app-proposal-list',
templateUrl: './proposal-li
浏览 4提问于2017-09-12得票数 0
回答已采纳
我尝试将所有TypeScript代码编译成一个Javascript文件。但是，每当我尝试使用SystemJS导入该文件时，网页就会卡在loading...上。
我使用gulp将类型记录文件编译成一个Javascript文件，然后复制到dist文件夹中。
吞咽任务：
gulp.task("dist:compileTSConcat", function() {
return gulp.src("./app/**/*.ts")
.pipe(ts({
typescript: require('typescript'), // In
浏览 3提问于2016-03-01得票数 2
回答已采纳
1回答
我想要import角，实例化AngularJS模块，然后导入另一个文件，该文件要求角已经被实例化：
import angular from 'angular';
var app = angular.module('app', []);
import 'src/app.js';
angular.element(window).ready(function(){
angular.bootstrap(document, ['app']);
});
但是Babel将其编译成这样(TLDR：将所有进口提升到顶部)
System.r
浏览 2提问于2015-12-24得票数 1
有角的。当组件包含子组件时，如何在NgModule中声明组件？
这方面的例子
app.module.ts：
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { NavbarComponent } from './components/navbar/navbar.co
浏览 1提问于2017-05-03得票数 0
回答已采纳
我真的不了解如何在Angular.js项目中使用Require.js加载第三方库
例如，'topojson‘已定义，但'datamap’在本例中未定义。
此处的数据图
Topojson从这里
Angular app.js：
'use strict';
requirejs.config({
paths: {
'angular': ['../lib/angularjs/angular'],
'angular-route': ['../lib/angular-route/a
浏览 3提问于2016-01-14得票数 0
Running "karma:unit" (karma) task
INFO [karma]: Karma v0.10.9 server started at http://localhost:9876/
INFO [launcher]: Starting browser PhantomJS
INFO [PhantomJS 1.9.7 (Mac OS X)]: Connected on socket lJGhX9DakX2lChvLXtju
WARN [web-server]: 404: /lang/en-US.json
WARN [web-server]: 404: /api
浏览 1提问于2014-02-18得票数 4
回答已采纳
我正在尝试将一个在角5中制造的模块导入到一个角8项目中。
当我试图把它送出去的时候，我犯了一大堆错误：
[ng] ERROR in ./node_modules/ngx2048/node_modules/@angular/core/esm2015/core.js
[ng] Module not found: Error: Can't resolve 'rxjs/Observable' in 'C:\Users\JB\Dropbox\dev\battle2048\node_modules\ngx2048\node_modules\@angular\core\esm
浏览 1提问于2019-08-14得票数 0
回答已采纳
2回答
首先，“隐式导入”不是一个官方术语。
这就是我所说的‘隐式导入’的东西。
我有两个ts文件：
file1: app.ts
import * as angular from 'angular'; // (*)
import component from './component';
file2: component.ts
const component : angular.IComponentOptions = {
templateUrl: 'component.template.html'
};
export default compo
浏览 0提问于2018-09-11得票数 4
回答已采纳
我正在犯错误，有人能告诉我哪里出了什么问题吗？我如何解决问题？也许main.ts中缺少了什么东西。
错误：(索引)：39错误:错误:标记必须定义！在新BaseException () at new ReflectiveKey () at KeyRegistry.get () at Function.ReflectiveKey.get () at resolveReflectiveProvider () at Array.map (天然) at Object.resolveReflectiveProviders () at Function.ReflectiveInjector.resolve
浏览 5提问于2016-05-19得票数 1
回答已采纳
我正在为这个项目从angular 1.5迁移到angular 2，同时设置新的应用程序。我遇到了这个问题，所以我将这个库添加到应用程序中。，但这一个抛出错误，这个库不兼容。我想使用支持angular 2的angular materialize。有没有更好的源码或者如何使用上面的库实现。
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } fr
浏览 0提问于2017-11-18得票数 0
我的应用程序模块
/* dependency Modules */
import { NgModule } from '@angular/core'
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule } from '@angular/http';
/* router configurati
浏览 0提问于2017-02-28得票数 0
我使用Ionic 2，Angular 2和TypeScript构建了一个离子项目来测试这个框架。我需要在我的项目中包含一个外部库()，因为我需要它来命名十六进制颜色。
我知道在TypeScript中包含一个Javascript库应该可以工作，因为JS中的任何工作都可以在TS中工作。我只是不想以错误的方式包含它。
我尝试将库添加到www/build/js，但它似乎不起作用，而且似乎不是实现此目的的好方法。我试图寻找这样做的方法，但什么也没找到(可能是因为Angular 2和Ionic 2还很新鲜)。
这样的东西：
import * as ntc from '../../js/ntc
浏览 5提问于2016-09-13得票数 6
回答已采纳
2回答
我尝试将我的项目从angular JS升级到angular 4。我已经在angular JS项目中使用了样式表。
这是我的文件夹结构
我使用angular CLI创建了组件。一切都很完美，但是我不知道如何在angular 4项目中使用我的风格。有人能解释一下我如何在全球范围内使用我的风格吗？而且也只在某些组件中？
浏览 0提问于2017-09-22得票数 7
我正在尝试添加模板到链接，这是有效的，但我想知道是否有可能添加您的页眉和页脚以及它，现在我正在复制我的页眉和页脚为每个页面。
下面是我的js：
app.config(['$routeProvider', '$locationProvider',
function($routeProvider, $locationProvider) {
$routeProvider
.when('/', {
templateUrl: 'vie
浏览 0提问于2015-11-03得票数 0
当我试图构建我的角度库时，我得到了以下错误：Schema validation failed with the following errors: Data path "/error" must be string.；
我会得到这个误差，直到我从12角移到13角。
这是我在“主应用程序”中在angular.json中的声明：
"projectname": {
"projectType": "library",
"root": "projects/projectname",
"so
浏览 14提问于2022-05-12得票数 3
2回答
我尝试过在StackOverflow上发布的许多方法在Range6组件中使用jquery，但它们都没有工作。例如,
我运行jquery安装jquery 来安装jquery。
包括在angular.json中
“脚本”：[“节点_模块/jquery/dist/jquery.js”，“节点_模块/jquery.js/jQuery-ui.js”，
错误如下：
AppComponent_Host.ngfactory.js [sm]:1ERROR TypeError: jquery__WEBPACK_IMPORTED_MODULE_1__(...).slider is not a fun
浏览 0提问于2018-09-20得票数 8
回答已采纳
我目前正在尝试使用服务来传递字符串。然而，在我的AppComponent，我得到了undefined服务。
这是一个错误：
Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/services/main.service
patchProperty/desc.set/wrapFn@http://localhost:3000/node_modules/zone.js/dist/zone.js:698:26
ZoneDelegate.prototype.invokeTask@http://
浏览 8提问于2016-11-10得票数 5
回答已采纳
我把我的typescript版本升级到了3.8.3 我的项目是用AngularJS编写的，包含.js和.ts文件。 我有一个遗留代码，它用2个函数扩展了angular global object。 angular.isUndefinedOrNull = function (val) {
...
};
angular.isDefinedAndNotNull = function (val) {
...
} 升级typescript版本后，我收到以下错误消息： Property 'isDefinedAndNotNull' does not exist on typ
浏览 21提问于2020-04-27得票数 0
我想实现从d3.js到angular 2组件的代码，但我不知道如何将js文件调用到组件ts文件中。我找到了一些用index.html和lineChart.js绘制折线图的代码。如何在ngAfterViewInit或afterViewInit中调用javascript。
图表看起来像的示例
所以我想在ngAfterViewInit的组件ts中调用它。
以下是组件的代码：
import {Component, Directive, ViewChild, ElementRef, Renderer} from 'angular2/core';
import
浏览 2提问于2016-05-05得票数 5
2回答
我正在做混合AngularJS/Angular5 5应用程序。因此，我正在尝试一步一步地将我的JavaScript文件更改为类型记录。我有javascript文件：
(function () {
'use strict';
var domainPath = "http://localhost:26264/";
var reportAPI = "http://localhost:58629/";
var onlineHelpURL = "http://localhost:8085/";
va
浏览 1提问于2018-09-10得票数 1
回答已采纳
我刚刚将我的项目更新为，我正在：
"@angular/cli": "1.0.0",
"@angular/compiler-cli": "4.0.1",
我说错了：
考虑将函数或lambda替换为导出函数角CLI的引用。
在这个.ts文件中：
用户管理/用户管理.routing.ts
import {RouterModule, Routes} from "@angular/router";
export const routes: Routes = [
{
path:
浏览 1提问于2017-04-25得票数 3
回答已采纳
我从rc4切换到rc5，并将引导切换到一个模块main.ts：
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { PortmanModule } from './portman.module';
platformBrowserDynamic().bootstrapModule(PortmanModule);
portman.module：
import {NgModule} from "@angular/core";
imp
浏览 2提问于2016-08-25得票数 0
5回答
我试图遵循本教程，但我得到了错误。
例外:秘密(在承诺中)：错误:不能匹配任何路由。URL段：“客户端”错误:无法匹配任何路由。URL段：“客户”
这是我的Router module
import {NgModule} from "@angular/core";
import {Routes, RouterModule} from "@angular/router";
import {AppComponent} from "./app.component";
import {ClientComponent} from "./cli
浏览 6提问于2017-03-18得票数 30
我的angularjs项目遇到了一个奇怪的问题。
我有一个网站- www.server.com/pwm (主页)。在页面中有一个锚标签，它将我带到另一个页面- www.server.com/publishers。当我加载主页并通过单击锚点标记导航到发布者页面时，一切正常。但是当我直接在浏览器中输入url时，我得到了以下异常(例如，如果我加载主页www.server.com/pwm，然后在url末尾键入"/publishers“)
$injector:nomod模块'ui.bootstrap‘不可用！您要么拼写错误模块名称，要么忘记加载它。如果注册一个模块，请确保将依赖项指定为第
浏览 1提问于2014-06-23得票数 7
回答已采纳
1回答
我已经使用'npm安装@类型/引导--保存‘安装了Twitters引导程序。我的package.json依赖关系如下所示：
"dependencies": {
"@angular/common": "~2.4.0",
"@angular/compiler": "~2.4.0",
"@angular/core": "~2.4.0",
"@angular/forms": "~2.4.0",
"@an
浏览 6提问于2017-02-21得票数 0
1回答
我有一个基于C#的网站。(www.recognitiongame.com)
首先，我想使用Angular2材料菜单组件。我已经创建了这个角度的项目，并把我的网站与ng的建设。起作用了。(ng构建创建了一个dist文件夹，我将js文件放到我的站点并链接到它们)
问题是.js文件太大(~7-8MB)。
如何设置(编译)？只有angular 2/material中的菜单组件，而不是all @转角/材质。
谢谢你，伊姆雷
浏览 1提问于2017-09-18得票数 1
回答已采纳
我试着读了好几篇博客文章，但是TypeScript模块仍然让我完全困惑。特别是，我使用了3个不同的模块(都是通过国家预防机制安装的)，每个模块似乎表现出完全不同的行为：
(1)我可以在我的.ts中像这样从npm导入和使用Range2：
import {bootstrap, Component, Directive, CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/angular2';
然后在我的html中有：
<script src="../node_modules/angular2/bundles/angular
浏览 3提问于2015-11-29得票数 3
回答已采纳
我试图在Chrome扩展中使用angular2，但它并没有意识到我已经加载了angular2包。以下是我在文件/www/popup.html中的脚本标记
<script src="lib/js/jquery.min.js"></script>
<script src="lib/js/es6-shim.min.js"></script>
<script src="lib/js/system-polyfills.js"></script>
<script src="
浏览 4提问于2016-03-04得票数 2
回答已采纳
每当我按alt到autoformat我的代码，它格式化我的导入和数组从：
import { CommonModule } from '@angular/common';
let arr = [ myStringVar ]; // simple example, just go with it
至
import {CommonModule} from '@angular/common';
let arr = [myStringVar];
当自动格式化时，我如何告诉IntelliJ在开始大括号之后和关闭支撑之前放置一个空格？(特别适用于javascript、类型记录
浏览 1提问于2017-01-27得票数 18
回答已采纳
我正在用python做一个应用程序。我想要一个非常简单的用户界面来读取一个查询。它应该包含输入查询的文本框和提交按钮。我是否可以在不使用任何拖放软件的情况下制作这样的界面，即只使用代码？
浏览 3提问于2013-12-14得票数 1
回答已采纳
我正在Grails3.1.5上创建一个有角度的应用程序，而资产管道并没有给我提供我需要的Javascript文件排序。我有以下Javascript文件：
angello.js
//= require /angular/angular
//= require /angular-route/angular-route
//= require /angello/core/angello.core
//= require /angello/index/angello.index
//= require /angello/common/angello.common
//= require /angell
浏览 2提问于2016-05-05得票数 1
回答已采纳
我有一个在超文本标记语言文件中运行的JavaScript函数，但是为了避免“没有定义角度”，我在超文本标记语言脚本前放置了以下代码 <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js"> 有没有办法在一个实际的JavaScript文件中做到这一点？我想把我的函数写在一个JavaScript文件中，而不是超文本标记语言，所以我不能使用src超文本标记语言代码。 我尝试复制所有代码，并将其放入一个文件中，然后在JavaScript中引用该文件，但不起作用。 有什
浏览 31提问于2019-10-09得票数 0
我正尝试在我的angular 6应用程序中使用filemanager，但我得到了一个错误:未知视图: filemanager我尝试了很多方法来修复，但它适用于所有视图，如标签，按钮数据表，但不适用于文件管理器 以下是我的代码 import { Component, ElementRef, OnDestroy, OnInit } from '@angular/core';
import * as webix from "webix";
import 'filemanager/codebase/filemanager';
declare let
浏览 22提问于2019-01-16得票数 0
回答已采纳
1回答
尝试在我的项目中使用d3.js，但在导入模块d3时遇到错误“找不到模块d3”
import * as d3 from 'd3';
Package.json
"dependencies": {
....
"d3" : "4.1.1"
},
systemjs.config.js
var map = {
'app': 'appScripts', // 'dist',
'@angular': 'libs/@angular',
浏览 2提问于2016-07-26得票数 1
回答已采纳
在上图中，angular2-template是我的Angular 2项目。我已经在common-template文件夹中定义了ContactModule。如何将common-template中的ContactModule导入angular2-template
浏览 6提问于2017-08-17得票数 1
当我不使用Angular 4时，我只会将库的script标记放入库中。即使我将script标记放在index.html文件中，它也不能识别CryptoJS。有没有办法使用这个库或Angular等效库？
浏览 0提问于2017-07-13得票数 22
回答已采纳
特别是在重构期间，我更喜欢从可视化、概念性和工作流的角度来看不同的import语句：
import {Component} from 'angular2/core';
import {Input} from 'angular2/core';
import {enableProdMode} from 'angular2/core';
相对于更常见的内联形式：
import {Component, Input, enableProdMode} from 'angular2/core';
或者包装的内联表单：
浏览 6提问于2016-04-12得票数 1
回答已采纳
2回答
我正在做一个Firebase项目，其中前端是用角写的。我正在使用@角/火库。
我定义了几个接口，在这些接口中我使用了firebase和firestore类型。
e.g
export interface SchoolAddress {
street: string;
city: string;
state: string;
region: string;
zip: string;
note: string;
position?: firestore.GeoPoint;
}
现在，我想分享这个界面的前端角和后端云函数写
浏览 2提问于2020-10-19得票数 3
回答已采纳
我创建一个项目时：
mvn archetype:generate -DarchetypeGroupId=com.github.searls -DarchetypeArtifactId=jasmine-archetype -DarchetypeVersion=1.3.1.5 -DgroupId=com.acme -DartifactId=my-jasmine-project -Dversion=0.0.1-SNAPSHOT
首先，我用、mvn、茉莉花进行测试:测试，测试正常运行。
注意:我使用maven 3.2.1
在“目标”目录中，我添加了一个文件夹“幻影js-1.9.7-windows”，其
浏览 2提问于2015-02-26得票数 0
回答已采纳
我试图在我的angularJS + Rails 4.2应用程序中添加bower组件(角ui-网格)。
该组件在development中工作良好，但在生产env中，它不需要css即可工作。
我已经通过bower将组件安装到供应商/资产/bower_components，并进行了以下更改，以便将其集成到资产管道中：
application.css.scss
@import "angular-ui-grid/ui-grid.css";
application.js
//= require angular-ui-grid/ui-grid.min.js
//= require_tree
浏览 2提问于2015-02-07得票数 3
回答已采纳
我正在一个模板系统中工作，并试图使用Angular.js。我需要将ng-app添加到html元素中，但不能直接在页面上这样做。所以基本上我的页面是这样开头的：
<html>
我想让它看起来像这样
<html ng-app>
我有权限将javascript添加到页面中。
有没有办法添加javascript来告诉页面要更改？
<html> to <html ng-app>
浏览 3提问于2014-01-17得票数 2
回答已采纳
1回答
在angular2中，如果A模块内的组件想要重用在另一个模块B内声明的组件/指令，则必须导入该模块。既然pipes像组件一样进入declaration，那么上面描述的规则是否也适用于管道？
浏览 0提问于2017-02-02得票数 2
回答已采纳
目前我正在学习项目。它的webpack.config.js有两个条目：main.ts和vendor.ts。
main.ts
import {provide} from 'angular2/core';
import {bootstrap, ELEMENT_PROBE_PROVIDERS} from 'angular2/platform/browser';
import {ROUTER_PROVIDERS, LocationStrategy, HashLocationStrategy} from 'angular2/router';
import
浏览 3提问于2016-01-05得票数 1
回答已采纳
我如何添加一些自定义的javascript到keystone admin？
现在有一个名为"adminui自定义样式“的选项用于加载自定义css，javascript也有类似的选项吗？
浏览 1提问于2017-03-22得票数 0
无法让Angular4使用延迟加载和动画。所以我在我的app-modules.ts中加载了BrowserAnimationsModule，并且动画在主模块中运行良好，但在延迟加载的模块中就不行了，所以我尝试在我的共享模块中加载BrowserAnimationsModule，因为我得到了一个错误：Unhandled Promise rejection: BrowserModule has already been loaded. If you need access to common directives
这是我的共享模块：
var sharedComponents = [Tabs, Tab
浏览 2提问于2017-03-29得票数 2
下面的javascript函数(help)没有从ngOnInit()调用吗？
在web控制台中:错误ReferenceError：“未定义帮助”
你知道如何做到这一点吗？
src/assets/myjs.js：
function help() {
console.log("hilfe");
}
src/app/highlight.directive.ts t.directive.ts：
import { Directive, ElementRef, OnInit } from '@angular/core';
declare function
浏览 42提问于2018-08-14得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
