-1
現在、デモアプリケーションで作業しています。現在、フロントエンド用の角度素材を実装したいと考えていますが、angle.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>
テキストはプライマリのテキストのみで表示されます。ボタン自体は表示されません。
私は本当にあなたの答えを感謝しています。ありがとう
から
//= require turbolinksを削除application.cssとapplication.jsの両方からturbolinksを削除してみてください？ – Sajeetharanこれは奇妙な部分です。次のjsとcsも正常にロードされます。 ？ CSS家族= Roboto：300,400,500,700,400italic 角度-material.min.css docs.css 角度-logo.svg preload.js angular.min.js 角度-animate.min.js 角度ルート 角度-material.min.js docs.js 角度-messages.min.js 角度-aria.min.js DOCS-デモscripts.js –