小编The*_*ear的帖子

我在角度2项目中使用角度材料.我想在mat-select的选定值中放置一个静态图像(html元素).但我没有找到解决方案.

有人能帮我吗？

我正在使用 ngx-pagination 和服务器端分页。因此，用户输入一些搜索条件并点击搜索按钮。这会导致调用服务器以获取结果的第一页。在客户端，我有这个代码来显示分页控件

<div class="col-sm-4">
  <pagination-controls (pageChange)="getPage($event)" 
                       id="serverPaging">
  </pagination-controls>
</div>

<div *ngFor="let result of results | paginate: { 
  id:'serverPaging', 
  itemsPerPage: 10, 
  currentPage: p, 
  totalItems: totalResultCount }">
  ...
</div>

这按预期工作。显示第一页并突出显示分页栏中的“1”。

比方说，用户现在点击最后一页。这将突出显示分页栏中的最后一页。到目前为止，一切都按预期工作。

现在用户通过再次单击“搜索”按钮重新执行搜索。这将重新呈现搜索结果。由于是新搜索，服务器返回第一页。但是，分页栏仍然突出显示了最后一页。

如何将分页栏重置为某些操作的第一页，例如重新执行搜索。

角度版本：4.2.4 ngx-分页版本：3.0.0

我试图在Angular锚和路由之间进行某种混合......

我确实让它在主页上工作,因为锚定部分在那里,但是,如果我在另一个页面,它不会.

任何人都可以指出我正确的方向如何正确地做,请？

这是我到目前为止所拥有的

freddoApp.config(function($routeProvider, $locationProvider) {
    $routeProvider

    // route for the home page
    .when('/', {
        templateUrl : 'pages/home/home.html',
        controller  : 'mainController'
    })

    // route for the productos page
    .when('/productos', {
        templateUrl : 'pages/home/home.html',
        controller  : 'mainController'
    })

    // route for the unico page
    .when('/unico', {
        templateUrl : 'pages/home/home.html',
        controller  : 'mainController'
    })

    // route for the sabores page
    .when('/sabores', {
        templateUrl : 'pages/home/home.html',
        controller  : 'mainController'
    })

    // route for the locales page
    .when('/locales', {
        templateUrl : 'pages/locales/locales.html',
        controller …

在我的 Vue Bootstrap (v2.21.2) Web 应用程序中，我想使用 Toast 向用户显示一些错误。这些错误是由 REST-API 客户端产生的。在我的 vb-components 中，我捕获这些错误并调用一个函数，该函数本身使用https://bootstrap-vue.org/docs/components/toast#toasts-on-demand this.$bvToast.toast()来动态创建和显示错误消息。正如预期的那样，吐司已创建，但会立即再次隐藏。我尝试禁用自动隐藏属性并尝试设置超时，但没有效果。由于我在某些子组件中调用此函数，因此我也尝试调用，this.$root.$bvToaster.toast()但 toast 仍然只显示大约 100 微秒左右。

我的项目的相关（减少）代码摘录：

应用程序.vue：

<template>
  <div id="app">
    <Navbar @viewChanged="view = $event;" />
    <Pki v-if="view == 'pki'" />
  </div>
</template>

<script>
import Navbar from "./components/Navbar.vue";
import Pki from './components/Certificates'
export default {
  data() {
    return {
      view: null
    }
  },
  name: "FooBar",
  components: {
    Navbar,
    Pki
  },
};
</script>

证书.vue：

<template>
    <!-- ... -->
</template>

<script>
    // ...
    mounted() {
      this.getCertificates();
    }, …