非法嵌套:在纯文本中嵌套是非法的
Illegal nesting: nesting within plain text is illegal
我是 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" }
});
我是 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" }
});