小编Mar*_*ier的帖子

我最近使用新的Angular2框架做了很多工作.在测试一些功能时,我最终得到了错误:

无法绑定到'ngStyle',因为它不是已知的本机属性

在调查错误本身时,我遇到了几个解决方案,比如在组件中添加'directive:[NgStyle]',但这并没有解决问题.

代码如下:

main.ts

import {bootstrap} from 'angular2/platform/browser';
import {App} from './app'

bootstrap(App).then(error => console.log(error));

app.ts

import { Component } from 'angular2/core';
import { Button } from './button';
import { NgStyle } from "angular2/common";

@Component({
    selector: 'app',
    template: '<h1>My First Angular 2 App</h1><button>Hello World</button>',
    directives: [Button, NgStyle]
})
export class App { }

button.ts

import {Component} from "angular2/core";
import {NgStyle} from "angular2/common";

@Component({
    selector: 'button',
    host: {
        '[ngStyle]': 'style()'
    },
    templateUrl: '<ng-content></ng-content>',
    directives: [NgStyle]
})
export class Button { …