angular-cn/aio/content/images/guide/inputs-outputs/input-diagram-target-source.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 502 304" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"><g id="Input-Diagram" serif:id="Input Diagram"><g><path d="M71.445,103.213l4.304,0l0,12.588l3.996,0l-6.148,6.148l-6.148,-6.148l3.996,0l0,-12.588Z"/><g transform="matrix(1,0,0,1,-6,-207)"><text x="60.505px" y="279px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:18px;">child</text><text x="47.501px" y="300.23px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:18px;">selector</text></g></g><g><path d="M177.039,211.489l-10.085,-0.151l0.612,-40.853l-9.364,-0.141l14.622,-14.191l14.192,14.623l-9.365,-0.14l-0.612,40.853Z" style="fill:#df002d;"/><path d="M244.694,214.06c0,-1.137 -0.923,-2.06 -2.06,-2.06l-133.88,0c-1.137,0 -2.06,0.923 -2.06,2.06l0,81.88c0,1.137 0.923,2.06 2.06,2.06l133.88,0c1.137,0 2.06,-0.923 2.06,-2.06l0,-81.88Z" style="fill:#fff;stroke:#df002d;stroke-width:1px;"/><g transform="matrix(1,0,0,1,95.5434,-32.5102)"><text x="39.962px" y="279px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:20px;">@Input()</text><text x="19.552px" y="300.23px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:20px;">property from</text><text x="58.448px" y="321.46px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:20px;">child</text></g><g><rect x="137.114" y="189.938" width="74" height="33" style="fill:#fff;stroke:#df002d;stroke-width:1px;"/><text x="149.229px" y="212.534px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:20px;">target</text></g></g><g><path d="M265.001,74.973l10.251,0.023l-0.077,35.114l9.519,0.021l-14.676,14.612l-14.612,-14.676l9.519,0.021l0.076,-35.115Z" style="fill:#3345cc;"/><path d="M341.287,32.263c0,-0.833 -0.676,-1.51 -1.509,-1.51l-133.982,0c-0.833,0 -1.509,0.677 -1.509,1.51l0,59.981c0,0.833 0.676,1.509 1.509,1.509l133.982,0c0.833,0 1.509,-0.676 1.509,-1.509l0,-59.981Z" style="fill:#fff;stroke:#3345cc;stroke-width:1px;"/><g id="source"><rect x="236.42" y="5.938" width="74" height="33" style="fill:#fff;stroke:#3345cc;stroke-width:1px;"/><text x="243.535px" y="28.534px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:20px;">source</text></g><g transform="matrix(1,0,0,1,193.035,-217.181)"><text x="19.552px" y="279px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:20px;">property from</text><text x="50.66px" y="300.23px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:20px;">parent</text></g></g><g transform="matrix(1.3525,0,0,1.3525,1,129.629)"><text x="0px" y="10.592px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:14.787px;">&lt;app-item-detail [</text><text x="114.66px" y="10.592px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:14.787px;fill:#df002d;">item</text><text x="142.596px" y="10.592px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:14.787px;">]=&quot;</text><text x="160.589px" y="10.592px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:14.787px;fill:#3345cc;">currentItem</text><text x="235.371px" y="10.592px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:14.787px;">&quot;&gt;&lt;/app-item-detail&gt;</text></g></g></svg>