当前位置:  开发笔记 > 编程语言 > 正文

Angular2表达式无法呈现

如何解决《Angular2表达式无法呈现》经验,为你挑选了1个好方法。

我在Angular2中渲染表达式时遇到了麻烦.

例如,我有类似下面的例子,但{{profile.name}}什么都没有.

然而,它不仅仅是在从组件实例访问某些东西时.无论我放在表达式中,它都不会呈现(例如{{1 + 2}}).更奇怪的是,它删除了包含表达式的DOM元素的所有内容.

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

@Component({
  selector: 'my-component'
})
@View({
  template: `
  
{{profile.name}}
` }) export class MyComponent { profile constructor() { this.profile = { name: 'John Smith' } } }

不知道我错过了什么.任何帮助将非常感激!

编辑

所以我做了一些进一步的测试,发现问题只发生在我使用的时候.所以我有一些看起来像这样的东西(代码量的道歉)

app.ts

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

import { Home } from './home'

@Component({
  selector: 'my-app'
})
@View({
  template: '',
  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'
}

小智.. 5

我有类似的问题.我的Angular2库定义错误.

按此顺序定义库有助于:







...

系统的位置 - polyfill似乎很重要!



1> 小智..:

我有类似的问题.我的Angular2库定义错误.

按此顺序定义库有助于:







...

系统的位置 - polyfill似乎很重要!

推荐阅读
殉情放开那只小兔子
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有