小编Joe*_*oel的帖子

如何在underscore.js模板中使用if语句?

我正在使用underscore.js模板功能并完成了这样的模板:

<script type="text/template" id="gridItem">
    <div class="griditem <%= gridType %> <%= gridSize %>">
        <img src="<%= image %>" />
        <div class="content">
            <span class="subheading"><%= categoryName %></span>
            <% if (date) { %><span class="date"><%= date %></span><% }  %>
            <h2><%= title %></h2>
        </div>
    </div>
</script>
Run Code Online (Sandbox Code Playgroud)

正如你所看到的,我在那里有一个if语句,因为我的所有模型都没有date参数.然而,这种方式给我一个错误date is not defined.那么,如何在模板中进行语句?

javascript templates backbone.js underscore.js

237
推荐指数
5
解决办法
15万
查看次数

underscore.js模板中的每个循环

我在这里做错了但我看不到它!我试图在下划线模板中循环一个数组.它不起作用,所以我错过了一些东西,这是我的代码,我的模板工作正常,否则,它只是_.each的东西,它们正在喋喋不休:

<script type="text/template" id="PageContent">
    <div class="col2">
        <@ _.each([0,1,2,3,4], function(i) { @>  <p><@ i @></p> <@ }); @>
    </div>    
</script>
Run Code Online (Sandbox Code Playgroud)

我也做了一些像这样的模板设置:

_.templateSettings = {
    interpolate: /\<\@(.+?)\@\>/gim
};
Run Code Online (Sandbox Code Playgroud)

each backbone.js underscore.js

26
推荐指数
1
解决办法
4万
查看次数

如何在backbone.js中创建具有多种模型类型的集合?

我试图让这个工作,但我很努力.当我检查success回调时,我的收藏结果为空fetch.它没有给我任何明显的错误parse.这是我的代码:

我的收藏:

VOR.Collections.GridItems = Backbone.Collection.extend({
        model : VOR.Models.GridItem,
        url: "assets/data/grid.json",
        parse: function(response){
            var self = this;

            _.each(response, function(griditem){
                switch(griditem.type){
                    case "news":
                        self.add(new VOR.Models.NewsGridItem(griditem));
                        break;
                    default:
                        self.add(new VOR.Models.StandardGridItem(griditem));
                        break;
                }
            });
        }
});
Run Code Online (Sandbox Code Playgroud)

这就是我创建集合的方式:

griditems = new VOR.Collections.GridItems();

griditems.fetch({
    error: function(e) {console.log(e);},
    success: function(msg) {
        console.log(msg)
    });
Run Code Online (Sandbox Code Playgroud)

当我控制日志时,msg我得到:对象{length = 0,models = [0],_ byId = {...},更多...}

我还在parse集合中记录了该函数,它通过JSON文件运行就好......任何关于这里可能出错的想法?msg对象的长度应为5..ie,即parse函数循环和(应该)将模型添加到集合的次数.

inheritance javascript-framework backbone.js

7
推荐指数
2
解决办法
6368
查看次数

为什么ng-click不能在我的指令中工作?如何添加切换类?

我在Angular中创建了一个如下所示的指令:

angular.module('msfApp')
    .directive('listitem', function () {
        return {
            templateUrl: 'assets/templates/directives/listitem.html',
            restrict: 'E',
            scope: {
                'item': '='
            }
        }
    });
Run Code Online (Sandbox Code Playgroud)

模板看起来像这样:

<div class="tsProductAttribute" ng-click="toggleInBasket(item)">
    <span class="tsProductAttribute-image">
        <img ng-src="{{item.variants[0].image}}">
    </span>
    <span class="tsProductAttribute-desc">{{item.productName}}</span>
    <span class="tsProductAttribute-price">{{item.variants[0].price[0].amount}} {{item.variants[0].price[0].entity}}</span>
</div>
Run Code Online (Sandbox Code Playgroud)

但现在我有两个问题:

  1. ng-click功能不会在我的控制器中触发toggleInBasket(item),为什么会这样?
  2. 其次,如何向列表项添加切换行为,以便切换名为"tsProductAttribute - selected"的类

先谢谢你们!

javascript angularjs

2
推荐指数
1
解决办法
1万
查看次数

如何在Drupal中设置菜单块的主题?

这应该是一个基本问题,但我只是在经过数小时的搜索后才得到它.问题是,如何在Drupal 7中使用主题菜单块?

我根据主菜单创建了三个不同的块.现在我想:

  1. 所有三个块创建独特的HTML,这意味着对矫正周围的包装和<ul><li>该构建菜单.我想设置特殊的类并删除所有Drupal添加的东西

  2. 将不同的类附加到每个块中的不同级别.其中一个块将显示菜单的两个级别,即它将显示一个子菜单.我想在子菜单上设置一个特殊类...

这似乎不可能...... :(

提前谢谢你的帮助!!!!

drupal-7 drupal-theming drupal-navigation

1
推荐指数
1
解决办法
2万
查看次数

如何在ERB文件中输出多维哈希?

我需要一些帮助打印我的哈希值.在我的"web.rb"文件中,我有:

class Main < Sinatra::Base

    j = {}
    j['Cordovan Communication'] = {:title => 'UX Lead', :className => 'cordovan', :images => ['http://placehold.it/350x150','http://placehold.it/350x150','http://placehold.it/350x150']}
    j['Telia'] = {:title => 'Creative Director', :className => 'telia', :images => ['http://placehold.it/350x150','http://placehold.it/350x150','http://placehold.it/350x150','http://placehold.it/350x150']}


    get '/' do
        @jobs = j
        erb :welcome
    end
end
Run Code Online (Sandbox Code Playgroud)

在"welcome.rb"中我打印哈希值,但它不起作用:

<% @jobs.each do |job| %>  
    <div class="row">
        <div class="span12">
            <h2><%=h job.title %></h2>
        </div>
    </div>
<% end %> 
Run Code Online (Sandbox Code Playgroud)

这是我的错误消息:

NoMethodError at / undefined method `title' for #<Array:0x10c144da0>
Run Code Online (Sandbox Code Playgroud)

ruby erb sinatra

0
推荐指数
1
解决办法
4853
查看次数