|
反应性树枝模板
你的正面瑞士军刀:从舒适的Twig构建一个高度互动的UI。不需要JS。
src /理解/ SearchPackagesComponent.php
使用应用程序＼服务＼PackageRepository；使用ob娱乐下载＼用户体验＼LiveComponent＼属性＼AsLiveComponent；使用ob娱乐下载＼用户体验＼LiveComponent＼属性＼LiveProp；使用ob娱乐下载＼用户体验＼LiveComponent＼DefaultActionTrait；# (AsLiveComponent (search_packages)]类SearchPackagesComponent｛使用DefaultActionTrait；# (LiveProp(可写:真)]公共?string $query =零；公共函数__construct(private PackageRepository $packageRepo){}公共函数getPackages（）：数组｛返回这个美元- > packageRepo - > findAll (这个美元- >查询);}}
模板/组件/ search_packages.html.twig
<div{{attributes}}><输入类型＝“文本”数据模型的＝“查询”>{%如果this.packages |长度> 0%}<div数据加载＝最好选择用addClass (opacity-50替代“)”>{%为包装在这里。包%}<div><h4>{{包。humanName}}h4>div>{%endfor%}div>{%其他的%}<div>啊!没有找到匹配的包”{{query}}＂div>{%endif%}div>
＄作曲家需要ux symfony/ux-lob娱乐下载ive组件＄NPM install——force＄NPM运行监视