Angular2-ngx剪贴板不工作

我安装了ngx剪贴板，如中所述，并在systemjs.config中包含了js。然而，我得到以下错误：

Unhandled Promise rejection: Template parse errors:
Can't bind to 'ngxClipboard' since it isn't a known property of 'button'. ("  </div>

未处理的承诺拒绝：模板分析错误：
无法绑定到“ngxClipboard”，因为它不是“button”的已知属性。("  

这是我的模板：

<div class="col-xs-12 share-pageurl-label">
                    <a #copyTarget>{{pageURL}}</a>
                </div>
                <div class="col-xs-12 share-copy-btn">
                    <button [(ngxClipboard)]="copyTarget" (cbOnSuccess)="linkCopied()" 
                    [ngClass]="{linkCopied: isCopied}">
                        {{copyBtnLabel}} <span *ngIf="isCopied" class="glyphicon glyphicon-ok"></span>
                    </button>
                </div>

{{pageURL}}
{{copyBtnLabel}

你试过plunker吗？还是

它似乎可以很好地工作

确保你指向正确的地方

System.config({
地图：{
“ngx剪贴板”：“node_modules/ngx clipboard/dist/bundles/ngxClipboard.umd.min.js”
}
});

如果没有正确导入剪贴板模块，我相信您会遇到此错误。如果您有嵌套模块，并且希望在较低级别中使用，则必须确保在父模块上导出，在子模块上导入

父模块

import { ClipboardModule } from 'ngx-clipboard';

@NgModule({
  declarations: [],
  imports: [
    ClipboardModule
  ],
  exports: [
    ClipboardModule,
  ]
})
export class ParentModule {
}

子模块

import { ParentModule } from '../../parent.module';

@NgModule({
imports: [
  ParentModule,
],
declarations: []
})
export class ChildModule {
}

---

是的，Maxisam，我看到了plunker。你能确认我们是否只需要安装ngx剪贴板模块还是其他模块吗？对于system.js，你还需要包括clipboard.js。只需检查plunker。它是针对system.js的。是的。我也看到了。我注意到在安装ngx剪贴板时，剪贴板模块也安装了。我在在systemjs和plunker中包含相同的内容。更令人震惊的是，如果我在你的plunker中替换我的systemjs，它仍然可以工作！好吧，这很奇怪。可能是systemjs的版本导致了这个问题