我想使用内联模板内的console.log,但找不到任何方向.

@Component({
  selector:"main",
  providers: [ItemService],
  template:`
    <ul>
     <li *ngFor="let item of items">
      {{console.log(item)}} <----- ??? 
      <p>{{item.name}}</p>
     </li>
    </ul>

  `
})
export class HomeComponent {
  private items: Array<ItemModel>;

  constructor() {}
}

推荐答案

你不能访问全局,静态...

只能访问视图所属组件的属性.

你可以添加一个

log(val) { console.log(val); }

添加到您的组件,并按如下方式使用它

{{log(item)}} 

但要做好经常记录(每次变更检测运行时)的准备.

对于调试,我更喜欢

 {{item | json}} 

Angular相关问答推荐

如何在投影项目组周围添加包装元素?

元件不工作时的Angular 17属性 Select 器

如何动态呈现组件并以Angular 访问它们的方法?

AG网格Angular 快捷菜单调用函数

如何从URL中角下载图片?

Angular 16独立依赖注入问题

当我更新S显示的数据时,为什么我的垫表用户界面没有更新?

Angular 懒惰地加载一个服务

找不到模块webpack dev服务器

Angular 13 - 使用 PUT 时出现 400 错误(错误请求)

Angular 重新渲染仅使用ngrx在表中更改的行

TypeError:this.restoreDialogRef.afterClosed 不是函数

Angular 2如何使用路由和location.go()检测后退按钮按下?

缺少 .angular-cli.json 文件:Angular

Angular CLI 自定义 webpack 配置

Angular2 中的providers提供者是什么意思?

Angular 4 设置下拉菜单中的选定选项

将 Angular 5 升级到 6 时,我得到不兼容的对等依赖(使用 ng update @angular/core)

Angular 2 组件不是任何 NgModule 的一部分

Angular2:子组件访问父类变量/函数