小编dav*_*ino的帖子

如何为表tbody使用cdk-virtual-scroll-viewport

由于HTML解析tr然后td,使用<cdk-virtual-scroll-viewport>中断视图是否有任何cdkVirtualScrollViewport作为指令<tbody>?

<tbody>
<cdk-virtual-scroll-viewport  style="height: 500px; width: 100%;"  itemSize="100"
    <tr [hidden]="data.get_user.name.toLowerCase().indexOf(pupilFilter.name.toLowerCase()) < 0 || (pupilFilter.classValue != '0' && data.get_class.value != pupilFilter.classValue)" appMarkClicked="" *cdkVirtualFor="let data of top.data.branch.get_users_as_pupil; let i = index" >
        <td>{{i + 1}}</td>
    </tr>
</cdk-virtual-scroll-viewport>
</tbody>
Run Code Online (Sandbox Code Playgroud)

angular virtualscroll angular-cdk angular7

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

Angular 2+ TypeError:$(...).magnificPopup不是函数

我找不到任何地方的角度弹出的角度问题是magnificPopup不被jquery识别

为了比较,我使用jquery-confirm,它的工作原理.这个过程和magnific popup一样,唯一不同的是调用方法$.confirm({jquery-confirm stuff})

角cli.json

...    
"scripts": [
            "../node_modules/jquery/dist/jquery.js",
            "../node_modules/magnific-popup/dist/jquery.magnific-popup.min.js",
            "../node_modules/bootstrap/dist/js/bootstrap.js",
...
Run Code Online (Sandbox Code Playgroud)

的package.json

...
  "googleapis": "19.0.0",
    "jquery": "3.2.1",
    "jquery-confirm": "^3.3.2",
    "magnific-popup": "^1.1.0",
    "moment": "2.18.1",
...
Run Code Online (Sandbox Code Playgroud)

TS

import * as $ from "jquery";
...
setTimeout(()=>{
            $(document).ready(function($){
                alert();
                $('.popupImage').magnificPopup({
                    type: 'image'
                    // other options
                    ,
                });
            });

        },2000)
Run Code Online (Sandbox Code Playgroud)

jquery magnific-popup angular

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