data-binding - knockout.js 数据绑定下 is not happening
Hi I'm trying to do databinding as given under:
<!-- ko if: input() == "table" -->
<div style ="width:80% class="oj-flex" data-bind="if: visible()">
问题描述
Hi I'm trying to do databinding as given under:
<!-- ko if: input() == "table" -->
<div style ="width:80% class="oj-flex" data-bind="if: visible()">
<oj-collapsible expanded="true" :id="{{'expand_'+id}}">
<h5 class="oj-header-border" slot="header"><span data-bind="text: label" style="font-weight:bold"></span></h5>
<div class="oj-flex-item">
<oj-table :id="{{'table_'+id}}" aria-label='List'
scroll-policy='loadMoreOnScroll'
scroll-policy-options='{"fetchSize": 100}'
data='[[dataprovider]]'
display="grid"
columns='[[columns]]'
style='width:100%;height: 400px'>
<template slot="operationHeaderTemplate">
<!-- ko if: createButtonEnabled()-->
<oj-button class="oj-button-sm" chroming='half' disabled="{{readonly}}" data-bind="click: $context.$module.addItem" style='vertical-align: middle'>
<img src="css/images/ico-plus-circle.svg" alt="Add Icon" height="16px" width="16px" style="vertical-align: middle;padding-right:0px"> Add
</oj-button>
<!-- /ko -->
</template>
</oj-table>
</div>
</oj-collapsible>
</div>
<!-- /ko -->
But it is not working. Any idea how to incorporate this
You need to check if fullpageApi is initialized. Something like this...
if (fullpageApi) {
...
}
解决方案
推荐阅读
- eventemitter - 为什么 vuejs3 应用程序中的发射器不捕获事件?
- mathjax - 如何在 MathJax 中正确渲染带有变音符号的字母?
- swift - 如何制作条形图?迅速
- java - 使用 fromRequest 的 Spring Cloud Contracts 算术函数
- django - 如果没有按预期进行比较,则 Django 模板标记
- sdk - node.js sdk 3 中的 couchbase 一致性
- python - keras 的 Kaiming 初始化
- c# - ASP.NET CORE 和 EWS 托管 API 连接问题
- python - 从 JSON 文件计数到 python
- java - 这个接口和类是如何实现的?
Hi I'm trying to do databinding as given under:
<!-- ko if: input() == "table" -->
<div style ="width:80% class="oj-flex" data-bind="if: visible()">
问题描述
Hi I'm trying to do databinding as given under:
<!-- ko if: input() == "table" -->
<div style ="width:80% class="oj-flex" data-bind="if: visible()">
<oj-collapsible expanded="true" :id="{{'expand_'+id}}">
<h5 class="oj-header-border" slot="header"><span data-bind="text: label" style="font-weight:bold"></span></h5>
<div class="oj-flex-item">
<oj-table :id="{{'table_'+id}}" aria-label='List'
scroll-policy='loadMoreOnScroll'
scroll-policy-options='{"fetchSize": 100}'
data='[[dataprovider]]'
display="grid"
columns='[[columns]]'
style='width:100%;height: 400px'>
<template slot="operationHeaderTemplate">
<!-- ko if: createButtonEnabled()-->
<oj-button class="oj-button-sm" chroming='half' disabled="{{readonly}}" data-bind="click: $context.$module.addItem" style='vertical-align: middle'>
<img src="css/images/ico-plus-circle.svg" alt="Add Icon" height="16px" width="16px" style="vertical-align: middle;padding-right:0px"> Add
</oj-button>
<!-- /ko -->
</template>
</oj-table>
</div>
</oj-collapsible>
</div>
<!-- /ko -->
But it is not working. Any idea how to incorporate this
You need to check if fullpageApi is initialized. Something like this...
if (fullpageApi) {
...
}