小编Lah*_*010的帖子

我正在从使用 vuejs 中的 vuex 调用的 json 服务加载一组项目。项目将被带到一个数组并在不同的组件中呈现。我尝试使用 transition-group 为项目单独添加过渡。但它没有用。所以我正在考虑逐项渲染项目和淡入淡出，并且需要在一个项目和其他项目之间进行延迟。我的代码在下面

产品项.vue

<template>
  <transition name="slide-fade">
  <div class="product-container">
    <div class="product-box">
      <div class="product-image">
        <img v-bind:src="product.values['3'].value" alt>
      </div>
      <div class="product-details">
        <div class="product-name">{{product.values[0].value}}</div>
        <div class="product-description" v-if="product" v-html="productDescription"></div>
        <div class="product-price">From 295 LKR</div>
        <div class="product-action">
          <button class="btn-choose" @click="closeBox">
            <i class="fas fa-check fa-icon"></i> Choose
          </button>
        </div>
      </div>
    </div>
  </div>
  </transition>
</template>

产品.vue

<template>
  <div>
    <div class="product-list-container clearfix">
      <div v-if="!hasProducts">
        <product-item-loader v-for="itemLoader in 8" v-bind:key="itemLoader"></product-item-loader>
      </div>

      <transition name="fade">
        <div v-if="hasProducts">
          <product-item v-for="pItem in productsList" :product="pItem"  v-bind:key="pItem"></product-item>
        </div>
      </transition>
    </div>
  </div> …

我试图将自定义的jqueryUI datepicker组件添加到angular4项目.目前我用普通的jquery,html和css开发了.我想将该组件添加到angular4.我尝试过如下,但是当运行npm start时会出错.

我的jquery ui datepicker(自定义为rangepicker)

这是我将jqueryUI导入angular4的方法

 "apps": [
{
  "root": "src",
  "outDir": "dist",
  "assets": [
    "assets",
    "favicon.ico"
  ],
  "index": "index.html",
  "main": "main.ts",
  "polyfills": "polyfills.ts",
  "test": "test.ts",
  "tsconfig": "tsconfig.app.json",
  "testTsconfig": "tsconfig.spec.json",
  "prefix": "app",
  "styles": [
    "styles.css",
    "../node_modules/jquery-ui/../themes/base/all.css",
    "../node_modules/bootstrap/dist/css/bootstrap.min.css"
  ],
  "scripts": ["../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/jqueryui/jquery-ui.js",
    "../node_modules/bootstrap/dist/js/bootstrap.min.js"],
  "environmentSource": "environments/environment.ts",
  "environments": {
    "dev": "environments/environment.ts",
    "prod": "environments/environment.prod.ts"
  }
}

]

这是我在命令提示符中得到的错误

如何关闭和活动按钮单击？

ok.setOnClickListener(new OnClickListener() {

    @Override
    public void onClick(View v) {
        // ******I WANT THE CODE HERE ???? **********

    }
});