gpt4 book ai didi

javascript - 如何在 Angular.js 中使用嵌套模板?

转载 作者:行者123 更新时间:2023-12-03 07:29:31 24 4
gpt4 key购买 nike

我有根选择器:

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

在他中加载带有模板的组件:

@Component({
selector: 'my-app',
template: `
<p>It is nested content:</p>
<div class="content">
<nested-selector></nested-selector>
</div>`
})

现在我想下载nested-selector中的内容:

@Component({
selector: 'nested-selector',
template: `<p>{{content}}</p>`
})

export class Mycomponent{
public content = "qwerty12345";
}

结果,在末尾附加了一个字符串:

<nested-selector _ngcontent-rbv-2="">qwerty12345</nested-selector>

结果,我们得到以下页面:

<body>
<my-app>
<p>It is nested content:</p>
<div class="content">
<nested-selector></nested-selector>
</div>
<nested-selector _ngcontent-rbv-2="">qwerty12345</nested-selector>
</my-app>
</body>

虽然页面应该如下所示:

<body>
<my-app>
<p>It is nested content:</p>
<div class="content">
<nested-selector>qwerty12345</nested-selector>
</div>
</my-app>
</body>

为什么会发生这种情况?他为什么要创建一个新的选择器?如何使其正常工作?

编辑:我附上了主要的项目文件来揭示问题的本质: https://plnkr.co/edit/DsDpXG72bjpyaWfPc1S0?p=preview

最佳答案

我很确定您的 HTML 无效。

.

I tried to reproduce in this Plunker但它显示了所需的行为。

关于javascript - 如何在 Angular.js 中使用嵌套模板?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35857099/

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