Framwork7的template7使用---------------------------------gxy

不念不忘少年蓝@ 2022-05-16 11:21 143阅读 0赞

明确一点，template7是dom操作；  
html:

<div class="item-inner">
                      <div class="item-title-row" >
                       <script id="homeTemplate" type="text/template7">
                            <div class="item-title">{
       {
       name}}</div>
                       </script>
                        <span id="templateValue"></span>
                        <div class="item-after">20180818</div>
                      </div>
                      <div class="item-subtitle">zgy简单归档流程2</div>
                      <div class="item-text">问题处理单(20180818001)</div>
                      <div class="item-text">|执行中</div>
                    </div>

引入：

<script src="/js/framework7/framework7.min.js"></script>
      <script src="/js/common.js"></script>
      
      <script src="/js/main/flow.js" ></script>

js端：

var app = new Framework7({
        root : '#app',
        id : 'io.framework7.flowapp',
        name : 'flowapp',
        theme : 'auto',
        //设置属性，使用模板
        precompileTemplates: true,
        template7Pages: true, //pages启用Template7
        dialog : {
            title : '提示'
        }
    
    });
    
    //-----------------------------------------------------
    /*这里操作*/
    var template = $$('#homeTemplate').html();
    
    var compiledTemplate = Template7.compile(template);
    
    var context = {
     name: 'admin'
    };
    var html = compiledTemplate(context);
    /*这里赋值*/
    $$('#templateValue').html(html)
    
    //-----------------------------------------------------
    //Init/Create main view
    var mainView = app.views.create('.view-main', {
        url : '/'
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，143人围观）

还没有评论，来说两句吧...

相关阅读

相关 7.ES使用

ES多条件查询 > and , or这种的 ES模糊查询 > like这种的 { "wildcard": {

叁歲伎倆/ 2024年03月22日 21:02/ 0 赞/ 10 阅读

相关模板templates的使用

　　目录　　模板及其渲染　　模板查找路径　　DTL模板语法　　常用的模板标签　　DTL常用过滤器　　模块结构优化　　加载静态文件　　视图函数只是

落日映苍穹つ/ 2023年09月24日 07:56/ 0 赞/ 150 阅读

相关 Windows7 + IIS7 下使用 access

一直用着xp，前两天把系统换成了windows 7，一切感觉良好，但使用asp + access时出现问题。系统提示，数据库连接错误。程序是没有问题的，在xp下一切正常，不

刺骨的言语ヽ痛彻心扉/ 2022年09月18日 09:59/ 0 赞/ 190 阅读

相关使用solr7

安装solr： [solr官网][solr] 1 下载solr 2 (使用solr内置服务器)进入/bin，运行 start.cmd start .不要关闭

╰+攻爆jí腚メ/ 2022年06月07日 07:51/ 0 赞/ 165 阅读

相关 win7无法安装net.framwork4.6.2的解决办法

win7版本问题： 1.win7旗舰版需要更新成win7 sp1版本 \--------------------------------------------------

向右看齐/ 2022年06月04日 10:00/ 0 赞/ 1421 阅读

相关浅谈Junit Framwork

![Image 1][] JUnit的益处： •提高开发速度：测试是以自动化方式执行的，提升了测试代码的执行效率。 •提高软件代码质量：它使用小版本发布至集成，便于实现人

àì夳堔傛蜴生んèń/ 2022年05月29日 06:50/ 0 赞/ 109 阅读

相关 Framwork7的template7使用---------------------------------gxy

明确一点，template7是dom操作； html: <div class="item-inner"> <div c

不念不忘少年蓝@/ 2022年05月16日 11:21/ 0 赞/ 144 阅读

相关（7）thymeleaf的使用

引入thymeleaf：在pom.xml中引入就可以了： <dependency> <groupId>org.springframe

Myth丶恋晨/ 2022年02月03日 02:13/ 0 赞/ 258 阅读

相关 angular7——ng-template、ng-content、ng-container

一、ng-content ng-content是内容映射指令(也叫内容嵌入)，相当于vue中的slot内容分发，内容映射指的是在组件中嵌入模板代码，方便定制可复用的组件，

秒速五厘米/ 2022年02月01日 06:04/ 0 赞/ 294 阅读

相关 robot framwork

一、环境需求 [1.安装jdk][1._jdk] 2、安装3.6python:[3.6python安装包下载][3.6python] 百度云提取密码：ynln [pych

青旅半醒/ 2021年09月24日 00:16/ 0 赞/ 231 阅读