ruby-on-rails – 在CSS中访问Rails控制器实例变量

Ruby 前端之家
前端之家收集整理的这篇文章主要介绍了ruby-on-rails – 在CSS中访问Rails控制器实例变量，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
所以我看到很多关于在CSS文件中使用erb的讨论.我可以使用<％=％>来获取ERB来处理CSS文件语法并将.erb添加到文件中,但我真正需要的是访问控制器中的实例变量. @H_502_2@searches_controller.rb

def new
  @search = Search.new
  @school = School.find(params[:school])
end@H_502_5@ 
 @H_502_2@我真正想做的是：
 
 @H_502_2@searches.css.scss.erb
 
  
 
h1.logo {
  color: <%= @school.primary_color %>;
}@H_502_5@ 
 @H_502_2@但ERB会抛出错误,因为@school是零.有没有办法要求控制器访问这些实例变量？
 
 @H_502_2@我能想到的另一种方法是将它作为数据属性嵌入到视图中,然后使用JS在前端更改它.这让我感觉更好,因为CSS文件不会改变,每次都需要重新发送,但它也不会那么优雅.

解决方法

您还需要考虑在预编译的资产场景中,CSS将在编译期间通过Sprockets运行,因此您最终会得到一个静态颜色(假设@school实际上是实例化的,它不会被实例化).这是不可取的,因为每个学校都会有相同的颜色(无论在编译阶段发生了什么). @H_502_2@对于这样的自定义品牌,我们让用户指定颜色,并在布局中包含一个CSS块：

:css
    h1.logo {
        color: <%= @school.primary_color %>;
    }@H_502_5@ 
 @H_502_2@它并不理想,但如果你有少量的定制似乎工作得相当好.
原文链接：https://www.f2er.com/ruby/268089.html

猜你在找的Ruby相关文章

Ruby increment(=)为nil：NilClass引发错误未定义方法”
以下代码导致我的问题： class Foo def initialize(n=0) @n = n end attr_acce...
ruby-on-rails – 为什么这个Rspec测试返回“已经发送电子邮件”
这是我的spec文件,当为上下文添加测试“而不是可单独更新用户余额”时,我得到以下错误. re...
ruby-on-rails – 仅针对特定邮件程序的Rails邮件拦截器
我有一个拦截器：DevelopmentMailInterceptor和一个启动拦截器的inititializer setup_mail...
ruby-on-rails – 如何将YAML文件递归展平为JSON对象,其中键是以点分隔的字符串？
例如,如果我有YAML文件 en: questions: new: 'New Question' other: ...
ruby – RSpec – 如果我避免使用let,let和before,如何实现相同的功能？
我听说在RSpec中避免它,let,let !,指定,之前和主题是最佳做法. 关于让,让！之前,如果不使用...
ruby-on-rails – .save上的Rails NoMethodError
我运行了代码@transaction = Transaction.new然后我给了它一些值： <Transaction id: n...
ruby-on-rails – 为什么我会得到“未定义的方法`编码’”？
为什么我会得到“未定义的方法`编码’”？ 我怎样才能解决这个问题？ 错误信息 NoMethodEr...
ruby-on-rails – ActionMailer错误的参数个数错误
我有一个rails应用程序,允许您请求邀请注册.根据要求,我保存您的电子邮件并向您发送一封电...
ruby-on-rails – 将Active Record集转换为哈希数组
我看到了这个… How to convert activerecord results into a array of hashes 并且想要创...
ruby – 如何将数组值与散列数组合？
我有一系列哈希： [{:foo => 1, :bar => 2}, {:foo => 2, :bar => 4} ...] 和...
PHPJavaJava SEPythonC#C&C++RubyVBasp.NetGoPerlnettyDjangoDelphiJsp.NET CoreSpringFlaskSpringbootSpringMVCLuaLaravelMybatisAspGroovyThinkPHPYiiswoole
文件时间pythonm相等性PHP Warning时间问题问题解决pcntl_signal采样点wav模块动态文本调用频率限制对外暴露多个访问请求更新数据表模型结构type()方法比较速度手写体sobel算子保存模型Image类nn.Conv2dpytorch1.0kaggleDCGAN交并比range()用法打印模型反卷积卷积