我是HAML的新手,我有一个错误:非法嵌套:在纯文本中嵌套是非法的..目前,我正在尝试将我的erb更改为haml但它无法正常工作.这是我的问题.
- <script src="https://js.braintreegateway.com/v2/braintree.js"></script>
- <h2 class="mbs">New Subscription
- </h2>
- <%= simple_form_for :subscription,:url => subscribe_subscription_path(@plan.id),:id => "checkout-form" do |f| %>
- <% if current_user and !current_user.has_payment_info? %>
- <%= render 'customer_form'%>
- <% end %>
- <br/>
- <p> Please enter payment details: </p>
- <div id="payment-form"></div>
- <div id="coinbase-container-id"></div>
- <div class="form-actions">
- <%= f.submit t(:subscribe),:class => 'btn btn-primary' %>
- </div>
- <script charset="utf-8" type="text/javascript">
- var clientToken = "<%= @client_token %>";
- braintree.setup(clientToken,"dropin",{
- container: "payment-form",coinbase: { container: "coinbase-container-id" }
- });
- </script>
- <% end %>
我的HAML是:
- %script{:src => "https://js.braintreegateway.com/v2/braintree.js"}
- %h2.mbs
- New Subscription
- = simple_form_for :subscription,:id => "checkout-form" do |f|
- - if current_user and !current_user.has_payment_info?
- = render 'customer_form'
- %br/
- %p Please enter payment details:
- #payment-form
- #coinbase-container-id
- .form-actions
- = f.submit t(:subscribe),:class => 'btn btn-primary'
- %script{:charset => "utf-8",:type => "text/javascript"}
- var clientToken = "#{@client_token}";
- braintree.setup(clientToken,coinbase: { container: "coinbase-container-id" }
- });
怎么了?为什么会出现错误?
解决方法
问题出在您的脚本标记中:
- %script{:charset => "utf-8",:type => "text/javascript"}
- var clientToken = "#{@client_token}";
- braintree.setup(clientToken,{
- container: "payment-form",coinbase: { container: "coinbase-container-id" }
- });
行容器:“payment-form”比前一行缩进,并且Haml试图将其解析为块或标记的内容,但前一行是纯文本,并且没有任何一个那些.
要修复它,你可以使用:javascript
filter,它允许在它下面混合缩进:
- :javascript
- var clientToken = "#{@client_token}";
- braintree.setup(clientToken,coinbase: { container: "coinbase-container-id" }
- });
:javascript过滤器还会添加< script>标签.如果您有理由控制此标记的属性,可以将:plain
filter与您自己的标记行一起使用:
- %script{:data => {:example => "Foo"}}
- :plain
- var clientToken = "#{@client_token}";
- braintree.setup(clientToken,coinbase: { container: "coinbase-container-id" }
- });