由于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) 我找不到任何地方的角度弹出的角度问题是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)