我是 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" }
});
怎么了?为什么会显示这个错误?
最佳答案
问题出在您的 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" }
});
关于ruby-on-rails - 非法嵌套 : nesting within plain text is illegal,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32813968/