小编Joh*_*ohn的帖子

如何捕捉用户在浏览器中单击后退按钮并在 Angular 中显示模态

我在浏览器中处理后退按钮有问题。我有一个自定义模态(只有 html/css,没有引导程序),我想在用户单击后退按钮时显示这个模态。如果用户选择是,浏览器将直接到上一页。当用户选择否时,模态将消失而不是直接到另一个。我尝试使用 candeactive 和 PlatformLocation,但似乎不起作用。单击时我无法将浏览器直接停止到上一页。对此有任何解决方案吗?如果是,请给我一个例子。感谢大家的帮助!

这是我的代码:

文章.component.html

<div class="editor-page">
  <div class="container">
    <div class="row">
      <div class="col-md-8 offset-md-2">
        <form [formGroup]="articleForm" (ngSubmit)="handleSubmit()">
          <div class="form-group">
            <input type="text" name="title" class="form-control" placeholder="Article Title" formControlName="title">
          </div>
          <div class="form-group">
            <input type="text" name="body" class="form-control" placeholder="What's this article about?" formControlName="body">
          </div>
          <div class="form-group">
            <textarea name="description" class="form-control" id="" cols="30" rows="10" placeholder="Write your article (in markdown)" formControlName="description"></textarea>
          </div>
          <div class="form-group">
            <input type="text" name="tagList" class="form-control" placeholder="Enter tags" formControlName="tagList">
          </div>
          <button class="btn btn-md btn-success float-right">Publish Article</button>
        </form>
      </div>
    </div>
  </div>
</div>
<div class="modal" *ngIf="isBackClicked"> …
Run Code Online (Sandbox Code Playgroud)

angular angular5 angular6

3
推荐指数
2
解决办法
9166
查看次数

如何在 Laravel 刀片中回显 html 标签

我想在我的刀片上回显按钮,但我不知道该怎么做。那么,该怎么做呢?谢谢。

<td class="nowrap">{!! $order->status=='0'?
    @php
    echo '<button class="btn btn-danger">Inactive</button>';
    @endphp:
    @php
    echo '<button class="btn btn-success">Active</button>';
    @endphp
    !!}
</td>
Run Code Online (Sandbox Code Playgroud)

php frameworks laravel-5.2

1
推荐指数
1
解决办法
8613
查看次数

标签 统计

angular ×1

angular5 ×1

angular6 ×1

frameworks ×1

laravel-5.2 ×1

php ×1