Есть ли способ запустить приложение angularJS в качестве полимерного компонента?

132
9

Я ищу способ включить асинхронно угловое приложение с его собственными стилями и представлениями, включенными в JS в компонент Polymer. Сделать какой-то iframe.


Если у вас есть идеи, предложения или реальные примеры, это было бы очень полезно!

спросил(а) 2021-01-25T20:14:53+03:00 5 месяцев назад
1
Решение
99

Наконец, я нашел решение самостоятельно. Просто нужно загружать приложение angular в конкретный элемент, чтобы избежать конфликтов, если в нем будет запущено более одного приложения. И реализовано ajax-вызов script.


Пример:

<link rel="import" href="../polymer/polymer.html">

<!-- Defines element markup -->
<dom-module id="my-element">
<template>
<div id="my-app">
<ui-view></ui-view>
</div>
</template>
<!-- Registers custom element -->
<script>
Polymer({
is: 'my-element',

// Fires when an instance of the element is created
created: function() {},

// Fires when the local DOM has been fully prepared
ready: function() {
$.getScript('./app/may-ng-app.min.js');
},

// Fires when the element was inserted into the document
attached: function() {},

// Fires when the element was removed from the document
detached: function() {},

// Fires when an attribute was added, removed, or updated
attributeChanged: function(name, type) {}
});
</script>
</dom-module>


В этом случае angular начнется загрузка приложения в элементе my-app. И мы можем развернуть отдельно приложение angular и удерживать его в полимерном контейнере. Это дает нам гибкость и скорость загрузки страницы.

ответил(а) 2021-01-25T20:14:53+03:00 5 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема