带后缀触发器的角垫选择单击清除

时间:2019-11-23 20:56:01

标签: angular angular-material

我正在尝试在输入的右侧添加一个简单的图标,以清除其内容。

我不想在列表中添加“无”选项。

我想添加一个“清除”按钮。

实际上,一切都很好,但是当我单击清除按钮时,选择项正在显示...

这是一个测试代码:https://stackblitz.com/edit/angular-mpbl8q

$var = $_POST["name"];
$val = $_POST["value"];

$xml = file_get_contents("messages_en.xml");
$dom = new DomDocument();
$dom->loadXml($xml);
$xpath = new DomXpath($dom);
// find the data element with the matching attribute
$node = $xpath->query("/myxml/data[@name='$var']");
// assume there's only one, otherwise we can loop
// clear the existing content
$node[0]->textContent = "";
// create a new CDATA section
$node[0]->appendChild($dom->createCDATASection($val));
// save the updated XML
file_put_contents("messages_en.xml", $dom->saveXml());

单击清除将打开mat-select

1 个答案:

答案 0 :(得分:3)

您必须在点击操作中添加$ event.stopPropagation()。

示例:https://stackblitz.com/edit/angular-nmbxgn