在angular2最終

我有我需要在整個應用程序中使用一些自定義的指令，在全球範圍內註冊一個指令。如何註冊我的指令以在整個應用程序中使用？我遇到的其他問題都過時了。我需要角2最終版本的解決方案2.1.0在angular2最終

我main.ts看起來像這樣

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { enableProdMode } from '@angular/core'; 
import { AppModule } from './app.module'; 

//enableProdMode(); //Uncomment for production 
platformBrowserDynamic().bootstrapModule(AppModule) 
    .then((success: any) => console.log('App bootstrapped')) 
    .catch((err: any) => console.error(err));

我的應用程序有6個模塊使用延遲oading

appmodule 
--contact module 
--project module 
--restmodules 
...

當我註冊的產品指令模塊，它運行良好。所以，我在模塊的休息，我註冊了這個指令在appmodule.ts這樣

import { mdinput} from './shared/mdinput.directive'; 


@NgModule({ 
    imports: [ 
       AppRoutingModule 

    ], 
    declarations: [ 
     AppComponent,mdinput 

    ], 
    providers: [DataService], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { 
}

現在這個特定的指令無法正常工作使用此指令。它也沒有給出任何錯誤。

來源

2016-11-23 Jagadeesh Govindaraj

只需將它添加到您的NgModule的聲明。 https://angular.io/docs/ts/latest/guide/attribute-directives.html –

@JBNizet但它不工作的模塊不同勢 –

不要讓我們猜你想達到的目標。編輯您的問題，並張貼關於你的指令，你的模塊，等等。你可能需要將其添加到出口，太，但沒有看到任何東西的所有相關信息，這是很難猜測。 –

只需將其添加到功能模塊和功能模塊添加到您要使用它的模塊的imports: [...]。

即使*ngIf，*ngFor，...現在需要通過增加CommonModule或BrowserModule到imports加入這種方式。

欲瞭解更多詳情，請參閱https://angular.io/docs/ts/latest/guide/ngmodule.html

來源

2016-11-23 07:44:28

首先，在一個單獨的目錄中創建指令。假設您在customDirectives目錄中創建了指令：myHighlight.directive.ts。現在

import { HighlightDirective } from 'yourpath/customDirectives/myHighlight.directive';

和

declarations: [..., HighlightDirective]

在app.module.ts添加這些。

現在，在任何組件視圖中使用：

<td myHighlight>{{user.name | capitalize}}</td>

這將如何工作。

來源

2016-11-23 07:57:45

回答

相關問題