gpt4 book ai didi

typescript - 像 Angular 1 一样在 DOM 元素上引导 Angular 2

转载 作者:太空狗 更新时间:2023-10-29 18:34:44 27 4
gpt4 key购买 nike

是否可以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>

ma​​in.ts

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

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

最佳答案

要更改标题,可以使用 Title服务。您可以注入(inject)它并使用它来操纵标题。

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

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

关于typescript - 像 Angular 1 一样在 DOM 元素上引导 Angular 2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36158468/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com