Создание приложения Angular 2 внутри контейнера Angular 1.6

Я использую AngularJS 1.6 и имею контейнер на странице (panel), в котором есть компонент (clock).

Можно ли встроить приложение Angular 2.0 в мой контейнер AngularJS 1.6?

Это сценарий для ngUpgrade? Я бы не хотел изучать TypeScript только для того, чтобы продемонстрировать эту интеграцию.

Контроллер.js

'use strict';
var app = angular.module('app', []);

app.directive('clock', function() {
  return {
    restrict: 'E',
    scope: {
      timezone: '@'
    },
    template: '<div>12:00 {{timezone}}</div>'
  };
});

app.directive('panel', function() {
  return {
    restrict: 'E',
    transclude: true,
    scope: {
      title: '@'
    },
    template: '<div style="border: 3px solid #000000">' +
      '<div class="alert-box">{{title}}</div>' +
      '</div>'
  };
});

index.html

<html>
<head>
  <meta charset="utf-8">

  <script src="/bower_components/angular/angular.js"></script>
  <script src="js/controller.js"></script>
</head>

<body>

  <div ng-app="app">
    <panel title="Title for container">
      <clock timezone="PST"></clock>
    </panel>
  </div>

</body>
</html>

javascript angularjs angularjs-1.6
person bobbyrne01    schedule 04.05.2017    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Будет работать с ngUpgrade, если вам нужно это сделать :)! Затем вы можете постепенно вводить его. Это если вы хотите, чтобы они находились внутри одного и того же «приложения» — iframe будет встраивать приложение Angular, но не будет рекомендовать его как что-то для производственных целей.

person Todd Motto    schedule 09.05.2017

arrow_upward
0
arrow_downward

Вы можете использовать iframe внутри шаблона Angular 1, а затем локальное хранилище для доступа к данным между двумя приложениями?

Угловой 1 шаблон: <iframe src="URLToAngular2App"></iframe>

person JonRowley    schedule 04.05.2017
comment
Вместо этого используется вариант UpgradeAdapter? использование iframe и localStorage кажется грязным - person bobbyrne01; 04.05.2017
comment
Я думаю, это зависит от того, насколько вы хотите переплести два угловых приложения? У меня лично не было опыта работы с UpgradeAdapter, но я бы, наверное, посмотрел статью вроде: blog.rangle.io/ - person JonRowley; 05.05.2017