非法嵌套：在纯文本中嵌套是非法的

Question

我是HAML新手，我有一个错误：Illegal nesting: nesting within plain text is illegal.。目前，我试图将我的erb改为haml，但它不起作用。这是我的erb。

<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, :url => subscribe_subscription_path(@plan.id), :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, "dropin", { 
     container: "payment-form", 
     coinbase: { container: "coinbase-container-id" } 
    }); 

有什么不对？为什么会显示该错误？

Answer 1

的问题是在你的script标签：

%script{:charset => "utf-8", :type => "text/javascript"} 
    var clientToken = "#{@client_token}"; 
    braintree.setup(clientToken, "dropin", { 
    container: "payment-form", 
    coinbase: { container: "coinbase-container-id" } 
    }); 

线container: "payment-form",缩进比上年线多，Haml的正试图解析它作为一个块或作为标签的内容，但上一行是纯文本，并没有任何一个。

要解决它，你可以使用:javascript filter这使得它下面的混合缩进：

:javascript 
    var clientToken = "#{@client_token}"; 
    braintree.setup(clientToken, "dropin", { 
    container: "payment-form", 
    coinbase: { container: "coinbase-container-id" } 
    }); 

的:javascript过滤器还增加了<script>标签。如果您有一些理由来控制此标签的属性，您可以使用:plain filter和您自己的标签行：

%script{:data => {:example => "Foo"}} 
    :plain 
    var clientToken = "#{@client_token}"; 
    braintree.setup(clientToken, "dropin", { 
     container: "payment-form", 
     coinbase: { container: "coinbase-container-id" } 
    });