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

1 line
5.9 KiB
XML
Raw Normal View History

<?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 800 333" 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-and-Output-Diagram" serif:id="Input and Output Diagram"><g transform="matrix(1.18142,0,0,1.18142,6.5,138.629)"><text x="0px" y="10.592px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:14.787px;">&lt;app-input-output [</text><text x="124.552px" y="10.592px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:14.787px;fill:#df002d;">item</text><text x="152.488px" y="10.592px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:14.787px;">]=&quot;</text><text x="170.481px" y="10.592px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:14.787px;fill:#3345cc;">currentItem</text><text x="245.263px" y="10.592px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:14.787px;">&quot; (</text><text x="259.545px" y="10.592px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:14.787px;fill:#df002d;">deleteRequest</text><text x="354.913px" y="10.592px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:14.787px;">)=&quot;</text><text x="373.722px" y="10.592px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:14.787px;fill:#3345cc;">crossOf<tspan x="424.395px 428.503px " y="10.592px 10.592px ">fI</tspan>tem($event)</text><text x="511.509px" y="10.592px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:14.787px;">&quot;&gt;&lt;/app-input-output&gt;</text></g><path d="M175.345,220.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="M379.426,215.483l-10.251,0.016l-0.053,-35.115l-9.519,0.015l14.622,-14.666l14.666,14.621l-9.519,0.015l0.054,35.114Z" style="fill:#df002d;"/><path d="M519.758,82.024l10.25,-0.078l0.267,35.114l9.518,-0.072l-14.532,14.754l-14.754,-14.532l9.518,-0.072l-0.267,-35.114Z" style="fill:#3345cc;"/><path d="M255.001,83.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="M91.445,112.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,14,-198)"><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><path d="M243,223.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;"/><path d="M593.648,40.883c0,-0.846 -0.687,-1.534 -1.533,-1.534l-134.934,0c-0.846,0 -1.533,0.688 -1.533,1.534l0,60.933c0,0.846 0.687,1.533 1.533,1.533l134.934,0c0.846,0 1.533,-0.687 1.533,-1.533l0,-60.933Z" style="fill:#fff;stroke:#3345cc;stroke-width:1px;"/><path d="M328.287,41.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;"/><path d="M446.641,223.679c0,-1.137 -0.923,-2.061 -2.06,-2.061l-133.879,0c-1.137,0 -2.061,0.924 -2.061,2.061l0,81.879c0,1.137 0.924,2.06 2.061,2.06l133.879,0c1.137,0 2.06,-0.923 2.06,-2.06l0,-81.879Z" style="fill:#fff;stroke:#df002d;stroke-width:1px;"/><g><rect x="135.42" y="198.938" width="74" height="33" style="fill:#fff;stroke:#df002d;stroke-width:1px;"/><text x="147.535px" y="221.534px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:20px;">target</text></g><g><rect x="341.42" y="199.938" width="74" height="33" style="fill:#fff;stroke:#df002