`
CaiDeHen
  • 浏览: 94289 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

#99 Complex Partials

阅读更多
How do you handle partials which have differences depending on the action which is rendering them? Here's three suggestions for this problem.
<!-- index.html.erb -->
<% for article in @articles %>
  <% render :layout => 'article', :object => article do %>
    <p><%=h article.description %></p>
    <p><%= link_to "Read More...", article %></p>
  <% end %>
<% end %>

<!-- show.html.erb -->
<% stylesheet 'article' %>
<% render :layout => 'article', :object => @article do %>
  <%= simple_format(h(@article.content)) %>
<% end %>

<!-- _article.html.erb -->
<div class="article">
  <h2><%= link_to_unless_current h(article.name), article %></h2>
  <div class="info">
    by <%= article.author %> on <%= article.created_at.to_s(:long) %>
    <span class="comments">
      <%= link_to pluralize(article.comments.size, 'Comment'), article %>
    </span>
  </div>
  <div class="content">
    <%= yield %>
  </div>
</div>

<!-- layouts/application.html.erb -->
<%= yield(:head) %>

# application_helper.rb
def stylesheet(*args)
  content_for(:head) { stylesheet_link_tag(*args) }
end

/* article.css */
.article .comments_link {
  display: none;
}
分享到:
评论

相关推荐

    partials.rar_Partials_least squares

    在标题"partials.rar_Partials_least_squares"中,"Partials"指的是偏最小二乘法,而".rar"通常表示这是一个压缩文件,可能包含了关于PLS的程序代码、数据集或教程材料。描述中的"partial least squares example...

    前端开源库-express-partials

    描述提到“Express Partials、Express 3.x布局和部分支持”,这表明这个开源库主要针对Express 3.x版本,提供对部分视图(partials)和布局(layouts)的功能增强。在Express框架中,部分视图有助于提高代码复用性,...

    一步一步学asp.net_mvc_中文版.pdf

    - **Partials**:用于重复使用的视图片段。 - **Master页面**:提供统一的布局和样式,便于维护和复用。 ### 八、分页 - **实现分页**:处理大量数据时,通过分页提高用户体验。 ### 九、认证与授权 - **理解...

    贝塔

    评论应用 这是评论应用程序代码的基本概述。 本地开发设置 安装 克隆此仓库 ...├── components # components/partials used by pages ├── dist # directory for generated files ├── helpers

    gulp-inject-partials:基于其路径名递归注入部分。 gulp-inject具体案例的实现

    Gulp-inject-partials解析目标文件,定位已定义的占位符,并根据其相对路径注入文件内容。 请参阅下面的和。 Gulp-inject-Partials受启发。 注意:需要NodeJ v4或更高版本。 安装 安装gulp-inject-partials作为...

    docpad-plugin-partials:在DocPad中添加了对Partials(可重用模板)的支持

    DocPad的Partials插件 该插件为提供了Partials。 局部文档是可以插入其他文档中的文档,也可以由docpad渲染引擎传递。 用法 创建src/partials目录,然后将要使用的任何src/partials文件放置在该目录中。 然后...

    partials:Siteleaf 主题的方便部分

    标题“partials: Siteleaf 主题的方便部分”揭示了我们将讨论如何在Siteleaf主题中利用部分(Partials)来提升开发效率和代码维护性。 首先,理解`Partials`的概念至关重要。Partials是HTML、CSS或JavaScript等代码...

    find-assemble-partials:查找汇编部分名称

    查找组装零件 查找部分名称安装$ npm i --save find-assemble-partials用法var findPartials = require ( 'find-assemble-partials' ) ;fs . readFile &#40; './src/layouts/default.hbs' , 'utf8' , function ( err...

    一步一步学习ASP.NET MVC1.0.pdf

    - **布局管理**:介绍如何使用Partials和Master页面来管理布局,提高页面的复用性和一致性。 #### 使用Partial视图模板 - **局部视图**:讲解如何创建和使用Partial视图模板,以及它们在实际开发中的应用场景。 ##...

    modular-email-workflow:使用gulp构建的简单模块化电子邮件工作流程,还支持MailChimp的模板样式语言

    模块化电子邮件工作流程使用构建的简单模块化电子邮件工作流程,还通过保留&lt...─ source └── style/ # Styles └── partials/ # Sass partials └── templates/ # Templates └── snippets/ # Snippets, mo

    metalsmith-register-partials:用于注册 Handlebars 部分的 Metalsmith 插件

    命令行使用通过 npm 安装,然后将metalsmith-register-partials密钥添加到您的metalsmith.json插件中,如下所示: { "plugins": { "metalsmith-register-partials": { "directory": "path/to/partials" } }}这将在...

    一步一步学asp.net_mvc

    #### Partials和Master页面 - **使用Partial视图模板**:Partial视图用于重复使用某些页面片段。 - **使用Master页面**:Master页面提供了页面布局的基础结构,子页面可以通过ContentPlaceHolder控件填充不同的内容...

    template_partials:基于组件的 Drupal 主题的概念模块证明

    template_partials 基于组件/风格指南驱动/原子设计 Drupal 主题的概念模块证明。 要求 Drupal 7 为欧米茄 4 主题开发和测试。 安装 下载并启用此模块。 下载欧米茄 4 主题。 创建一个 Omega 子主题并将其设置为...

    docs-partials:PCF跨产品部分

    PCF Docs Partials回购 该项目包含PCF docs内容库的跨产品部分。 此回购允许带有跨产品部分信息的产品从一个版本化的来源中提取。 以前,其中一些部分来自内容库的v018.x分支,不支持版本。

    underscore-partials:在underscore.js中使用部分模板

    underscore-partials使您可以使用模板中的模板进行抽象和重用。 例子: &lt;!-- star_rating.tmpl --&gt; &lt; % for (var i = 0; i * &lt; % } % &gt; &lt;!-- main.tmpl --&gt; &lt; h1&gt; &lt; %= product.name % &gt;...

Global site tag (gtag.js) - Google Analytics