Angular 5外部javascript文件不工作_Angular

Angular 5外部javascript文件不工作

angular

Angular 5外部javascript文件不工作,angular,Angular,我对angular很陌生，从这里开始学习angular5 我正在将普通HTML模板转换为Angular5版本，现在我在向Angular5项目添加外部JS文件时遇到困难我在angular.json文件中包含了angular项目中的Javascript文件，但我的Javascript文件似乎不起作用有人能帮忙吗？我在main.js文件上编写自定义jquery代码的方式是否正确我是说，现在就jQuery代码而言，请参见下面的示例代码 /** *打字效果不起作用 */ jQuery（'.typ

我对angular很陌生，从这里开始学习angular5

我正在将普通HTML模板转换为Angular5版本，现在我在向Angular5项目添加外部JS文件时遇到困难

我在angular.json文件中包含了angular项目中的Javascript文件，但我的Javascript文件似乎不起作用

有人能帮忙吗？我在main.js文件上编写自定义jquery代码的方式是否正确

我是说，现在就jQuery代码而言，请参见下面的示例代码

/**
*打字效果不起作用
*/
jQuery（'.typing\uu module'）。每个（函数（索引）{
var self=jQuery（这个），
_包装器=jQuery（'.typed'，self）[0]，
optData=eval（'（'+self.attr（'data-options'）+'）），
optDefault={
stringsElement:self.find（'.typed strings'）[0]，
打字速度：50，
后退速度：500，
淡出：没错，
循环：正确
},
options=jQuery.extend（optDefault，optData）；
var typed=新类型（_包装，选项）；
});
声明Jquery
在组件TypeScript文件中，在组件类之外声明jquery
导入之后@Component decorator之前
import { Component } from '@angular/core';

declare var $: any;

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})

然后在component类中，使用
$('.typing__module').each(function (index) {
    var self = $(this),
            _wrapper = $('.typed', self)[0],
            optData = eval('(' + self.attr('data-options') + ')'),
            optDefault = {
        stringsElement: self.find('.typed-strings')[0],
        typeSpeed: 50,
        backSpeed: 500,
        fadeOut: true,
        loop: true
    },
            options = $.extend(optDefault, optData);
    var typed = new Typed(_wrapper, options);
});

声明Jquery
import*作为$from'jquery'也输入
import*从'Typed.js'输入
如果它们是通过npm或Thread安装的，则无需添加angular.json即可
然后您应该能够正确地引用这两个，而不会出现任何错误
 您可以在所有已编译的js文件末尾按角度加载html模板main.js，即src/assets/js/main.js
<html>
<head>
</head>
<body>
<div>
<!--All Code here-->
</div>
<script src="~/dist/Infotech/runtime.js"></script>
<script src="~/dist/Infotech/polyfills.js"></script>
<script src="~/dist/Infotech/styles.js"></script>
<script src="~/dist/Infotech/vendor.js"></script>
<script src="~/dist/Infotech/main.js"></script>
**<script src="~/src/assets/js/main.js"></script>**
</body>
</body>
</html>


****

希望这能有所帮助：）
我们不知道“不工作”是什么意思。对于我来说，将旧jQuery葡萄酒倒入新的有棱角的瓶子中，你想要实现什么也是一个谜。如果您继续沿着这条路走下去，那么找出脚本不加载的原因将是最简单的问题。我建议扔掉旧的应用程序，用Angular重新编写它，尽可能地回收任何代码片段或实用程序。顺便说一下，你应该了解你正在使用的工具的名称。没有所谓的“AngularJS5”。“AngularJS”是一个古老的框架。我想你的意思是“有棱角”。什么是“不工作”呢？看见ng是否提供
生成生成输出，还是报告找不到文件？jquery代码不起作用。例如/***Typing effect*/jQuery（'.Typing__module'）.each（函数（索引）{var self=jQuery（this），_wrapper=jQuery（'.typed'，self）[0]，optData=eval（'+self.attr（'data-options'）+'）），optDefault={stringsElement:self.find（'.typed strings'）[0]，typeSpeed:50，backSpeed:500，fadeOut:true，loop:true}，options=jQuery.extend（optDefault，optData）；var-typed=new-typed（_-wrapper，options）；}）；加上你在问题上遇到的错误。我在“发球”时没有任何错误。但是看到我包含的jquery文件了吗？因为我正在将HTML模板转换为angular版本，所以我必须包括所有这些。