gpt4 book ai didi

templates - Angular2 表达式不呈现

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

我在获取要在 Angular2 中呈现的表达式时遇到问题。

例如,我有类似下面示例的内容,但是 {{profile.name}}什么都不渲染。

然而,这不仅仅是在访问组件实例之外的内容时。无论我在表达式中输入什么,它都不会呈现(例如 {{1 + 2}} )。更奇怪的是,它删除了表达式所在的 DOM 元素的所有内容。

import { Component, View } from 'angular2/core'

@Component({
selector: 'my-component'
})
@View({
template: `
<div class="user">
{{profile.name}}
</div>
`
})
export class MyComponent {
profile

constructor() {
this.profile = {
name: 'John Smith'
}
}
}

不确定我错过了什么。任何帮助将不胜感激!

编辑

所以我做了一些进一步的测试,发现问题只在我使用 <router-outlet> 时出现。 .所以我有一些看起来像这样的东西(对代码量表示歉意)

app.ts

import { View, Component } from 'angular2/core'
import { RouteConfig, RouterOutlet } from 'angular2/router'

import { Home } from './home'

@Component({
selector: 'my-app'
})
@View({
template: '<router-outlet></router-outlet>',
directives: [RouterOutlet]
})
@RouteConfig([
{ path: '/', redirectTo: ['/Home'] },
{ path: '/home', as: 'Home', component: Home }
])
export class App {
constructor(public router: Router) {}
}

home.ts

import { Component, View } from 'angular2/core'

@Component({
selector: 'home',
})
@View({
template: '{{name}}'
})
export class Home {
name:string = 'John Smith'
}

最佳答案

我遇到了类似的问题。我以错误的顺序定义了我的 Angular2 库。

按此顺序定义库有助于:

<!-- Keep these first!!! -->
<script src="~/node_modules/es6-shim/es6-shim.js"></script>
<script src="~/node_modules/systemjs/dist/system-polyfills.js"></script>

<script src="~/node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="~/node_modules/systemjs/dist/system.js"></script>
...

system-polyfills 的位置似乎很重要!

关于templates - Angular2 表达式不呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34625205/

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