2017-12-14 4 views
0

4つの角度成分を作成しました。私のコード構造は次のとおりです。内側のスコープ内にある外側の角度成分スコープ要素にアクセスする

<user-container> 
    <normal-user> 
      ... 
    </normal-user> 
    <admin-user> 
      ... 
     <super-user> 
       ... 
     </super-user> 
    <admin-user> 
<user-container> 

上記のタグごとに別々のコンポーネントが作成されます。ここでは、user-containerのコンポーネントスコープの変数に基づいて、super-userコンポーネントのDOM要素を操作したいと考えています。だから私の質問user-containerコンポーネント内の変数範囲にsuper-userコンポーネントにどのようにアクセスできますか?

+0

バインディングが設定されていない場合、角度イベントブロードキャスト – charlietfl

+0

まず最初にお返事いただきありがとうございました。回答のセクションで簡単に説明してください。 – piechuckerr

+0

あなたの目標は、ユーザーコンテナコンポーネントで使用される変数をスーパーユーザーコンポーネントに引き渡すことだけです。 –

答えて

0

ですから、あなたのテンプレートに続いて、この

@Input() myUserVariable: boolean; 

のような結合の入力を持っているあなたは、スーパーユーザー・コンポーネントの変数

myVariable: boolean; 

そして今を持っているのは、ユーザー・コンテナ・コンポーネントにしましょうあなただけです

<super-user [myUserVariable]=“myVariable”></super-user> 

ここで、myVariableはoで定義した変数に対応していますコンテナコンポーネントuser-containerを使用します。

もちろん、これはもっと複雑なシナリオを作成することができる最も簡単なケースですが、私はこれがあなたの基本的な質問に答えると信じています。子コンポーネントにバインド可能な入力プロパティを設定し、親コンポーネントからどの変数に変更するかを設定するだけです(公開変数はもちろんありません)

+0

@Input()?私は角度2を使用していません、それはangularJSです – piechuckerr

+0

角度として質問にタグ付けしました。 angularjsの場合は間違ったタグです。 –

関連する問題