【问题标题】:Angular material not working in Ruby on railsAngular 材料在 Ruby on rails 中不起作用
【发布时间】:2016-05-22 07:57:01
【问题描述】:

您好,我目前正在开发一个演示应用程序,并且我目前正在开发 ruby​​ on rails,我想为我的前端实现 angular 材料,但是当像这样导入 angular.js 和 angular.css 时。 <%= stylesheet_link_tag 'application', media: 'all'%> <%= javascript_include_tag 'application', media: 'all'%>

我的 application.js 由。

//= require jquery //= require jquery_ujs //= require turbolinks //= require_tree . //= require angular-material

我的 application.css 有。

*= require_self *= require_tree . *= require angular-material

尝试在有角材质按钮上使用示例时。它只显示文本。例如按钮。

<!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <%= stylesheet_link_tag 'application', media: 'all'%>
    <%= javascript_include_tag 'application', media: 'all'%>
    <%= csrf_meta_tags %>
    <title>DEMO RUBY ON RAILS</title>
    <h2>DEMO RUBY ON RAILS</h2>
        <p>HELLO <%= @name %></p>
        <%= link_to('HELLO INDEX RUBY',{:action => 'hello'})%><br/>
        <%= link_to('HELLO WITH PARAMETERS RUBY',{:action => 'hello', :page =>5, :id=>20})%> 
        <md-button md-no-ink class="md-primary">Primary (md-noink)</md-button
    </head>
    <body>
    </body>
    </html>

它只显示带有文本 Primary 的按钮。它不显示按钮本身。

我非常感谢您的回答。谢谢

【问题讨论】:

  • 控制台有错误吗?
  • 没有,这很奇怪。它还成功加载了以下js和cs。 css?family=Roboto:300,400,500,700,400italic angular-material.min.css docs.css angular-logo.svg preload.js angular.min.js angular-animate.min.js angular-route.min.js angular-material.min .js docs.js angular-messages.min.js angular-aria.min.js docs-demo-scripts.js

标签: javascript css ruby-on-rails angularjs ruby


【解决方案1】:

我发现turbolink 的一个问题是不能很好地使用 JQuery。我的一所大学在将 material 设计与 turbolinks 集成到 rails 项目时遇到了问题。

所以尝试从application.cssapplication.js 中删除turbolinks

application.js 中删除//= require turbolinks

【讨论】:

  • 还是一样。什么都没发生
  • 我可以看到你的按钮标签没有正确关闭&lt;md-button,它应该是&lt;/md-button&gt;,如果代码中相同,请尝试修复它
  • 已关闭。这只是一个错字。
  • 你的 Gemfile 中有 rails-angular-material gem (github.com/alexkpek/rails-angular-material) 吗?
  • 是的。这是我的 gem 文件的样子。 gem 'rails'、'4.0.0'、gem 'mysql2'、'~> 0.3.18'、gem 'activerecord-native_db_types_override' gem 'rails-angular-material'、'~> 1.0'、'>= 1.0。 5'等等等等
猜你喜欢
  • 2020-10-19
  • 2020-05-29
  • 2021-04-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-05-16
  • 2015-06-14
相关资源
最近更新 更多