2017-07-28 11 views
1

は、私は次のビューAngular2でテンプレート(または4)との子コンポーネントを持っていることを考慮して使用されている唯一のDOM要素またはすべてのDOM要素をい子要素にバインドする@inputを使用する親コンポーネント。 @inputプロパティの値が変更された場合、子ビューの再レンダリングはIDがfirstDivのdiv、または<span>レベルのdivで行われますか? つまり、表示される構造全体がリフレッシュされるか、spanまたはスパン内のテキストだけがリフレッシュされますか?は角の更新プログラムを補間が

+1

を読んで何らかの変更がある場合 – yurzui

+0

私は、spanタグの理由だけではなくのinnerTextをだろうか? – Sean12

答えて

1

span要素内のテキストノードのみがレンダラーを使用して更新されます。ここではソースからthe relevant code snippetです:

if (checkAndUpdateBinding(view, nodeDef, bindingIndex, newValue)) { 
    value = text + _addInterpolationPart(...); 
    view.renderer.setValue(DOMNode, value); 
} 

DOMNodeここtextNodeへの参照です。詳細については

somepropertyでのみテキストノードが更新されるThe mechanics of DOM updates in Angular

+0

ありがとうございました!だからスパンタグ内のテキストだけに反対のタグ! – Sean12

+0

@ Sean12、はい、スパン要素内のテキストノードのみが更新されます。私は答えに明確化を加えました。 –