在Angular 7中,import和scripts是用来引入外部依赖的两种不同方式。下面是它们的区别和解决方法的代码示例。
示例代码: 在app.module.ts中导入外部库lodash:
import * as _ from 'lodash';
在component.ts文件中使用lodash中的函数:
export class MyComponent { // 使用lodash中的函数 example() { const array = [1, 2, 3, 4, 5]; const sum = _.sum(array); console.log(sum); // 输出:15 } }
示例代码: 在angular.json文件中添加lodash的路径:
"scripts": [ "src/assets/lodash.min.js" ]
在component.ts文件中使用lodash中的函数:
declare var _: any;
export class MyComponent { // 使用lodash中的函数 example() { const array = [1, 2, 3, 4, 5]; const sum = _.sum(array); console.log(sum); // 输出:15 } }
通过上述代码示例,你可以在Angular 7中了解import和scripts的区别和使用方法。