将Angular4与风帆集成

时间:2017-07-29 12:45:10

标签: angular sails.js

我正在建立一个网站,其前端必须建立在帆的角度和后端上。我已经安装了帆,但我无法正确整合角度。 我已安装了角度,并且已在我的资产文件夹中创建了应用文件夹。 app 文件夹包含 app.components app.module ,如角度4所示。 现在问题是我创建了另一个组件,构造函数没有在控制台上显示任何内容。我在构造函数中使用了console.log。 的 app.component.ts

import {Component} from '@angular/core';
@Component({
    selector: 'my-app',
    template: '<h1>my application</h1>'
})
export class AppComponent { 
    title = 'app';
}

app.module.ts

    import { NgModule,NO_ERRORS_SCHEMA  }       from '@angular/core';
    import { BrowserModule  } from '@angular/platform-browser';
    import { AppComponent }   from './app.component';
    import { RegisterComponent }   from     './components/register/register.component';

@NgModule({
    declarations: [AppComponent,RegisterComponent],
    imports:      [BrowserModule],
    bootstrap:    [AppComponent],
    schemas: [ NO_ERRORS_SCHEMA ],
})
export class AppModule {}

register.component.ts

import {Component, OnInit} from '@angular/core';
@Component({
    selector: 'app-register',
    templateUrl: '/register'
})
export class RegisterComponent implements OnInit{ 
    name = 'aizaz';
    constructor() {console.log("diz");}
    ngOnInit() {

    }
}

1 个答案:

答案 0 :(得分:0)

您需要使用新组件才能构建

您需要在初始组件模板中执行类似的操作

<div>
  <h1>my application</h1>
  <app-register></app-register>
</div>