Question

bootstrap Angular 2 on a DOM element是否可以像Angular 1一样？在Angular 1中，这使得例如可以更改<head>中的标题标签。在Angular 2中，您似乎需要将my-app添加到<html>标记中。我创建了一个plunker，你可以在其中同时使用Angular 1和Angular 2。

Angular 1

的index.html

<body>
  <div ng-controller="MainCtrl">
    <h2>Hello {{name}}</h2>
  </div>
</body>

app.js

angular.element(document).ready(function() {
  angular.bootstrap(document.documentElement, ['plunker']);
});

Angular 2

的index.html

<body>
  <my-app>Loading...</my-app>
</body>

main.ts

import {bootstrap} from 'angular2/platform/browser';
import {App} from './app';

bootstrap(App, [])
  .catch(err => console.error(err));

Answer 1

要更改标题，请提供Title服务。你可以注入它并用它来操纵标题。

计划直接支持修改不仅仅是标题。

将my-app添加到<html>在Angular中效果不佳，因为它会擦除标记内与您的根组件选择器匹配的HTML。

DOM元素上的Bootstrap Angular 2，如Angular 1中的

1 个答案: