Angular 2预览显示匹配的搜索查询摘要

时间:2018-07-28 23:35:25

标签: angular angular2-template

我目前有一个here实现的简单搜索功能,可让您搜索课程。当前,用户可以使用read-more component查看说明和关键字的预览。我想添加其他功能,使用户可以查看描述的上下文或他们的查询匹配的关键字。例如,如果用户查询probability,则89A Statistics的说明和关键字都将匹配,并且我希望用户看到前x个字符的代码段匹配之前+匹配+不超过字符串长度的后x个字符。

我对Angular比较陌生,是否可以从read-more组件中的主要组件访问绑定到ngModel的搜索查询?这样,我可以将this.currentText定义为相关代码段,并让toggleView显示整个文本。

if (this.isCollapsed == true) {
      this.currentText = this.text.substring(0, this.maxLength) + "...";

谢谢您的帮助!

1 个答案:

答案 0 :(得分:0)

您也可以简单地将其添加为@Controller("blCategoryController") public class CategoryController extends BroadleafCategoryController { private static final Logger logger = LoggerFactory.getLogger(CategoryController.class); public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception { Device currentDevice = DeviceUtils.getCurrentDevice(request); return super.handleRequest(request, response); } }

app.component.html

@Input()