如何在Angular2中调用内联javascript函数？
如何在Angular2中调用内联javascript函数？
提问于 2018-02-22 05:34:34
我想在Angular2或Angular4中调用内联Javascript函数。
下面是我的示例代码。
*.html
<div id="demo" onload="myfunction()"></div>
<script>
function myfunction() {
console.log("working");
var map = new AMap.Map("map",
{ resizeEnable: true,
center: [latitude, longitude],
zoom: 8
});
}
</script>这条路对吗？现在不行了。
我正在使用Amap.map API。我不认为它会支持Angular2。如果它支持，我将像往常一样调用组件中的类型记录函数。现在我想把地图绑定到视图中。所以我得做个广告
var map = new AMap.Map("map",
{ resizeEnable: true,
center: [latitude, longitude],
zoom: 8
}); 但由于无法导入"AMap“而导致错误
注意:由于第三方库，我应该尝试一些东西(内联javascript)，比如.。
回答 3
Stack Overflow用户
发布于 2018-02-23 07:08:24
在index.html中，在标签中放置在行下面。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>它将在您的project.Then中包含JQUERY在类型记录文件中，您可以根据您的需要包括您的逻辑。
代表：
在组件的html文件中。
<div id="demo">
<!-----Code-------->
</div>在组件的类型记录文件中
ngOnInit(){
$(document).ready(function () {
$('#demo').load(() => {
// Your function Body
console.log("working");
var map = new AMap.Map("map",
{ resizeEnable: true,
center: [latitude, longitude],
zoom: 8
});
})
}
}如果在添加jquery库时遇到任何问题，也可以使用其他方法。
Stack Overflow用户
发布于 2018-02-24 15:29:34
几乎所有HTML语法都是有效的模板语法。
<script>元素是一个明显的例外；它是被禁止的，消除了脚本注入攻击的风险。在实践中，<script>被忽略，并在浏览器控制台中出现警告。
Stack Overflow用户
发布于 2018-02-25 07:20:25
要导入javascript文件，可以将它们包含在项目的scripts文件中的angular-cli.json数组中。包括jQuery、AMap js文件和调用/初始化AMap的自定义脚本。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48920323
复制相关文章
相似问题
腾讯云开发者
