紅寶石HAML沒有得到

Question

我與HAML不注入在正確的地方內容掙扎我想要的結果（初級），這裏是HAML的一部分：

%div.form-group{:id => 'container'} 
- if !@data.nil? 
    %p= t('users.data_name') 
    = link_to t('users.delete'), 'javascript:void(0)', :class => 'delete', :data => {:id => @data.id} 
    %div.holder.thick 
    = image_tag @data.path 
- else 
    = link_to t('users.upload'), 'javascript:void(0)', :class => 'btn btn-large' 
    %div.holder 
    = image_tag '/assets/missing_image.png' 

的問題是， holder或holder thick不在我的容器內，但在外面。爲什麼是這樣？我沒有正確調整什麼？

Answer 1

是的，if應該縮進，如果其內容是要進入#container。

#container.form-group 
    - if !@data.nil? 
    %p= t('users.data_name') 
    = link_to t('users.delete'), 'javascript:void(0)', :class => 'delete', :data => {:id => @data.id} 
    .holder.thick 
     = image_tag @data.path 
    - else 
    = link_to t('users.upload'), 'javascript:void(0)', :class => 'btn btn-large' 
    .holder 
     = image_tag '/assets/missing_image.png' 

Answer 2

如果你的容器%div.form-group那麼你只是爲了讓HAML明白它是股利，你的內容應該

內部，它會看起來像

%div.form-group{:id => 'container'} 
    - if !@data.nil? 
    %p= t('users.data_name') 
    = link_to t('users.delete'), 'javascript:void(0)', :class => 'delete', :data => {:id => @data.id} 
    %div.holder.thick 
     = image_tag @data.path 
    - else 
    = link_to t('users.upload'), 'javascript:void(0)', :class => 'btn btn-large' 
    %div.holder 
     = image_tag '/assets/missing_image.png'