Angular Kendo mobile

时间:2016-04-18 13:01:54

标签: angularjs kendo-ui kendo-mobile

我正在尝试使用Angular Kendo手机 我想构建一个模态视图就像一个带有选项按钮的弹出窗口。

我看到Kendo UI提供了模态视图:

<div data-role="modalview" id="my-modal" style="width: 200px; height: 200px;">
  Hello!
</div>

但是如何在使用角度剑道的移动设备上使用它 他们的任何模态视图由Angular Kendo提供移动设备吗?

1 个答案:

答案 0 :(得分:1)

Kendo Mobile ModalView完全符合您的要求。

<div id="modalview-photo" k-modal="false" kendo-mobile-modal-view="modal" use-native-scrolling="true" style="width: 99vw; height:99vh; background-color:white;">
     <kendo-mobile-header>
            <kendo-mobile-nav-bar>

            </kendo-mobile-nav-bar>
    </kendo-mobile-header>
    <div style="padding: 5px;">
        <label>title</label>
        <input id="photo-title" >
    </div>
</div>

这样打开:

$("#modalview-photo").data().kendoMobileModalView.open();