I am programming a fake website to learn angularjs. I programmed this part 
of the website earlier in jQuery 
(http://plnkr.co/edit/249aamXX1SNSWj1YH1cs?p=preview) and I want to 
replicate this with angular.

I created different routes, and the ng-view is between the footer and 
header. I created 3 directives (to replicate the jQuery animation), which 
matches the 3 moving elements. However, the layout gets f* up when I use 
custom directives, whichs "ruins" the column classes. When i replace the 
directives with the exact same code it runs perfectly.

So how do you manage to keep the columns in order when using custom 
directives? Using 
<my-test col-md-5></mytest> and <my-test2 col-md-7></mytest2>

doesnt work obviously, nor does replace: true. Now my directive looks like 
this:

<div class="row">
    <div class="col-md-4 col-sm-5">
        <img id="me_photo" title="me" class="img-responsive img-circle" 
ng-src="{{myFace}}">
    </div>


Which is obviously unfinished, as it is just one part of the whole. Am i 
missing something, cant find anything related on the web and this problem 
seems quite important to me.

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to