html to haml

90 views
Skip to first unread message

Daniel Lopez

unread,
Jul 25, 2014, 5:32:56 AM7/25/14
to ha...@googlegroups.com
Hi,

I have start reading about haml and i was trying to convert my html code to haml.

I have this code:

<body ng-app="dashboardApp">
    <div class="container theme-showcase" ng-controller="MainCtrl">
        <div class="item">
            <div class="pickerContainer widget"></div>
        </div>
        <ul class="nav nav-tabs">
<li><a href="#/tabOne">Proveitos</a></li>
<li><a href="#/tabTwo">Custos</a></li>                
</ul>
<div ng-view></div>
    </div>
</body>
As you can see for the attributes like 'ng-app' I'm using Angularjs, and when i convert it i get this

%body{"ng-app" => "dashboardApp"}
  .container.theme-showcase{"ng-controller" => "MainCtrl"}
    .item
      .pickerContainer.widget
    %ul.nav.nav-tabs
      %li
        %a{href: "#/tabOne"} Proveitos
      %li
        %a{href: "#/tabTwo"} Custos
    %div{"ng-view" => ""}

but when i run it, it breaks in the body line.
Can you help me on fixing this?
thk

Enrique Macip Belmonte

unread,
Aug 6, 2014, 12:01:33 PM8/6/14
to ha...@googlegroups.com


--
You received this message because you are subscribed to the Google Groups "Haml" group.
To unsubscribe from this group and stop receiving emails from it, send an email to haml+uns...@googlegroups.com.
To post to this group, send email to ha...@googlegroups.com.
Visit this group at http://groups.google.com/group/haml.
For more options, visit https://groups.google.com/d/optout.

Reply all
Reply to author
Forward
0 new messages