1

angular には $rootScope と呼ばれるものが存在することを知っています。これには、すべてのコントローラーによって共有される変数が含まれています。親変数を常に属性として渡す必要がないように、Polymer に似たものを探しています。

今、私はこれに似たようなことをしています:

インデックス HTML コード:

<body>
  <my-parent-component some-attribute="hello"></my-parent-component>
</body>

親 HTML コード:

<my-parent-component>
  <template>
    <p>someAttribuet could be used by parent: {{someAttribute}}</p>
    <my-child-component some-attribute="{{someAttribute}}"></my-child>
  </template>
</my-parent-component>

親ダーツ コード:

class MyParentComponent extends PolymerElement {
  @published var someAttribute;
}

子 HTML コード:

<my-child-component>
  <template>
    <p>some Attribute used here: {{someAttribute}}</p>
  </template>
</my-child-component>

子ダーツ コード:

class MyChildComponent extends PolymerElement {
  @published var someAttribute;
}

言い換えれば、最上位の親から最下位の子までずっと属性を渡しています。これは良くないと思うので、angular の $rootScope に似たものでやりたいと思います。

4

1 に答える 1

3

Polymer にはルート スコープがありません。Polymer には、式で参照できる要素と、おそらく親要素または子要素だけがあります。より一般的な解決策は、ここで説明されているようなグローバル変数またはグローバル要素ですhttps://stackoverflow.com/a/29864797/217408

于 2015-07-01T18:27:09.807 に答える