* ng在控制台中不工作且没有错误

时间:2017-06-07 16:40:42

标签: angular

我经历了“ngFor不工作”的大部分问题。以下是详细信息。

app.modules.ts

import { NgModule } from '@angular/core';    
import { BrowserModule } from '@angular/platform-browser';    
import { TweetComponent } from './tweet.component';    
import { AppComponent } from './app.component';

@NgModule({    
    imports: [BrowserModule],
    declarations: [AppComponent, TweetComponent],
    bootstrap: [AppComponent]
    })

export class AppModule { }

app.components.ts

import { Component } from '@angular/core';
import { CommonModule } from "@angular/common";

@Component({
  selector: 'my-app',
  template: `<h1>List of tweets</h1>
            <tweets><tweets>`,
 })

export class AppComponent  { name = 'Angular'; }

tweet.component.ts

import { Component } from "@angular/core"
@Component({
   selector: 'tweets',
   template: `<ul>
                <li *ngFor="let item of myList">
                     <span> {{ item}}</span>
                  </li>  
              </ul> `
})

export class TweetComponent {
        myList: ['.net', 'C#', 'web services'];
}

输出:

Output

元素:

Elements

控制台中有错误。

2 个答案:

答案 0 :(得分:3)

应该

library(data.table)
setDT(data)[data[,  (sum(days) < 180) & !condition |condition, .(grp = rleid(condition))]$V1]
#   days condition
#1:    0     FALSE
#2:   30      TRUE
#3:   60      TRUE
#4:   40     FALSE
#5:   30      TRUE
#6:   30     FALSE
#7:   30     FALSE
#8:   30     FALSE

如果您使用myList = ['.net', 'C#', 'web services']; ,则会尝试声明字段类型。

示例:

:

答案 1 :(得分:3)

有两个问题,

数组myList中的

值应使用 = 分配,

myList= ['.net', 'C#', 'web services'];

你在模板上缺少标签

@Component({
  selector: 'my-app',
  template: `<h1>List of tweets</h1>
            <tweets></tweets>`,
 })