如何在淘汰赛中的所选项目上显示模态

时间:2015-04-09 21:29:53

标签: javascript jquery knockout.js

我有一个从api获得的服务列表, 值是ID,Name和NeedAuthorization,当服务需要授权时,我想显示一个模式框来输入授权码。  我正在尝试这个:

selectedService.subscribe(function (newValue) {
        if (services().NeedAuthorization == 1 && selectedService == services().ID) {
            $('#preAuthorizationModal').modal('show');
        }

    });

但它不适合我。 我是淘汰赛的新手,我会非常感激他们的帮助。 提前致谢

1 个答案:

答案 0 :(得分:0)

使用“if”或“with”绑定可以使用Knockout呈现和解除。您可以创建一个负责显示模态的“ModalLayer”。例如,您可以使用信号/事件/订阅与此层进行通信。

ModalLayer的HTML看起来像。

<!-- ko with: modalViewModel -->
    <div data-bind="text: title"></div>
    <div data-bind="text: body"></div>
    <div data-bind="foreach: buttons">
        ...
    </div>
<!-- /ko -->

或使用组件......

<!-- ko if: componentName -->
    <div data-bind="component: { name: componentName, params: componentParams }"></div>
<!-- /ko -->