Angular 属性ディレクティブの作成

kanai

• 2021年10月07日 08:02

属性ディレクティブを作成し、作成したファイルに適用させようとしています。
https://angular.jp/guide/attribute-directives
動作自体はsrc/app/app.component.html上で確認できるのですが、
これをsrc/app/magic/WEBモジュール名/ページ名.htmlで使用しても動作しません。

カスタムオーバーレイやカスタムアラートと同じようなものだと認識しているのですが、
provideに何かを指定すべきなのか？
DI注入が必要なのか？がわからずにいます。

もしなにか参考になるページ等ありましたらご教授願えればと思います。
※最終的には、これを使ってEnterキーで項目移動ができないかなあと思っているのですが、最初の最初でつまづいています。

• 

  竹本 靖夫

  • 2021年10月07日 11:31

  kanai さんこんばんは。

  「src/app/app.component.htmlでは確認できた」とのことですので

  リンク先のプログラムを確認すると

  app.module.tsに

  import { HighlightDirective } from './highlight.directive';
  
  ･････
      AppComponent,
      HighlightDirective
    ],

  とHighlightDirectiveをapp.module.tsにてDIしているとおもいます。

  WEBモジュールにチェックを付けると、「appシリーズから独立した」感じとなりますので

  この部分を

  src/app/magic/WEBモジュール名/magic.gen.lib.module.ts

  へ移してみてはいかがでしょうか＾－＾？

   
• 

  SiziU

  • 2021年10月08日 00:25
  • 編集済み

  竹本さんの方法をご確認頂いて、結果がわかりましたら、追記いただけると嬉しいです。
  それと、質問ですが、属性ディレクティブを作成されたのは、どんなことを実現しようとされていますでしょうか？
  可能な範囲で構いませんので、教えてください♪
• 

  kanai

  • 2021年10月08日 01:39

  竹本 靖夫様
  ご教授いただきありがとうございます！
  app.module.tsからmagic.gen.lib.module.tsに移動したところ、動作が確認できました。
  
  SiziU様
  Enterキーで項目を遷移したく思っています。
  Javascriptのサンプルがいくつか出てきたので、これを用いて属性ディレクティブで実現できないかなあと思っております。
  
  

サインインしてコメントを残してください。