Question

我有一个ui-bootstrap窗格（标题和正文），标题上有一个按钮。单击标题区域应该折叠正文。单击该按钮应该只激活警报弹出窗口。不幸的是，单击该按钮也会折叠窗格。我怀疑按钮后面的窗格是以某种方式捕获点击。我该如何防止这种情况？

这里有吸引人的： http://plnkr.co/edit/teCnC7KtvlQtosZurlqD?p=preview

Arrays.asList(filelist).parallelStream().forEach((filepath) -> {
    Path source = Paths.get(filepath);
    Path target = Paths.get(FileBrowser.destinationpath+"/"+filepath]);
    try {
        //replace existing file using java nio package
        System.out.println(Files.copy(source, target, StandardCopyOption.REPLACE_EXISTING));
    } catch (IOException e) {
        e.printStackTrace();
    }
});

Answer 1

问题是点击事件正在从<span>向上传播DOM。您可以在$event.stopPropagation()指令中添加ng-click。（有些人不喜欢这样，因为他们认为将这些代码添加到指令中是很脏的，所以你总是可以$event作为{{1}的参数传递并在控制器中调用vm.onClickBtn()。）

.stopPropagation()

Answer 2

在内部services.AddIdentity<ApplicationUser, IdentityRole>(options => { options.Password.RequireNonLetterOrDigit = false; }).AddEntityFrameworkStores<ApplicationDbContext>() .AddDefaultTokenProviders();上，只需在$ event对象上调用ng-click即可停止事件冒泡。

stopPropagation

documentation

如何防止折叠窗格中的按钮单击

2 个答案: