Я пытаюсь встроить панель быстрого обзора aws в угловое приложение.
Я следую по приведенному ниже URL-адресу для реализации на Angular
https://github.com/awslabs/amazon-quicksight-embedding-sdk
Не могли бы вы помочь мне с примером кода о том, как реализовать приведенную ниже логику в Angular
<!DOCTYPE html>
<html>
<head>
<title>Basic Embed</title>
<script src="https://unpkg.com/amazon-quicksight-embedding-sdk@1.0.3/dist/quicksight-embedding-js-sdk.min.js" />
<script type="text/javascript">
var dashboard
function onDashboardLoad(payload) {
console.log("Do something when the dashboard is fully loaded.");
}
function onError(payload) {
console.log("Do something when the dashboard fails loading");
}
function embedDashboard() {
var containerDiv = document.getElementById("dashboardContainer");
var options = {
url: "https://us-east-1.quicksight.aws.amazon.com/sn/dashboards/dashboardId?isauthcode=true&identityprovider=quicksight&code=authcode",
container: containerDiv,
parameters: {
country: "United States"
},
scrolling: "no",
height: "700px",
width: "1000px"
};
dashboard = QuickSightEmbedding.embedDashboard(options);
dashboard.on("error", onError);
dashboard.on("load", onDashboardLoad);
}
function onCountryChange(obj) {
dashboard.setParameters({country: obj.value});
}
</script>
</head>
<body onload="embedDashboard()">
<span>
<label for="country">Country</label>
<select id="country" name="country" onchange="onCountryChange(this)">
<option value="United States">United States</option>
<option value="Mexico">Mexico</option>
<option value="Canada">Canada</option>
</select>
</span>
<div id="dashboardContainer"></div>
</body>
</html>
Я получаю сообщение об ошибке компиляции при импорте модуля embedDashboard
import {embedDashboard} из 'amazon-quicksight-embedding-sdk / src';
ОШИБКА в ./node_modules/amazon-quicksight-embedding-sdk/src/embedDashboard.js 6:12
Ошибка разбора модуля: неожиданный токен (6:12)
Вам может понадобиться соответствующий загрузчик для обработки этого типа файлов.
|
| импортировать EmbeddableDashboard из './EmbeddableDashboard';
тип импорта {EmbeddingOptions} из './lib/types';
|
Как реализовать вышеупомянутую логику через угловые? Когда я пытаюсь импортировать QuickSightEmbedding для использования embedDashboard (параметры). Я получаю ошибку во время компиляции.