Menu icon Foundation

Developer

My Posts






My Comments

Iago commented on Javier Rincón's post about 2 years

Justin Davis shows us how to use Foundation 6 with Angular 2-4

Iago commented on Iago's post over 3 years

Lee,If you install gulp globallynpm install -g gulp-install
and in the package.json delete de row    "gulp-cli": "gulpjs/gulp-cli#4.0",
it should work until they fix it

Iago commented on Iago's post over 4 years

I'm the only one who is unable to view it working with Chrome and not working with Firefox?

Iago commented on Kevin Mullen's post over 4 years

I'm getting the same error than Kevin, I just created a new project, you can see the error on Firefox 36 in Ubuntu, with Chrome it works well.
In Firefox works well, but the console shows the error when you click Close button.

Iago commented on Iago's post almost 5 years

Thank you very much for your answer Jeanie.

On my example there was one ng-repeat and wanted to print content inside and outsiide in each iteration.
What I am trying to achieve is creating cards inside the content of the tab.
But the problem is that I can iterate with ng-repeat once I am inside <div zf-tab

I mean, showing two different examples:

THIS WORKS

<div ng-repeat="cup in data.cups">
    <h4>{{ cup.name }}</h4>
    <p>
      {{ cup.description }}
    </p>
    <p>Year: {{ cup.year }}</p>
</div ng-repeat-end>

WHILE this iteration doesn't works:

<div zf-tabs="">
  <div zf-tab="" title="GREEN CUP">
    <div ng-repeat="cup in data.cups">
      <h4>{{ cup.name }}</h4>
        <p>
        {{ cup.description }}
        </p>
        <p>Year: {{ cup.year }}</p>
    </div>     
  </div>
</div>

I'm unable to make the ng-repeat work inside the zf-tab directive.

Maybe I'm missing something basic.
Thank you again

UPDATE:
It worked with

<div ng-repeat="cup in $parent.data.cups">

Thank you Jeanie

Iago commented on Iago's post almost 5 years

Thank you, I'm going to try it.

Edit: Worked, thank you again

Iago commented on Alexander Voigt's post about 5 years

I am having the same problem
Also I would like to know why it's not added "-moz-box-sizing: border-box;"

In my case I have it 50 times in my app.css created from sass

Iago commented on Eric's post about 5 years

He said he had a problem with the order of the elements.
I have done it using this, works if you want the icon on the left side.

<nav class="top-bar">
    <ul class="title-area">
        <li class="name">
            <a href="#">
                <img src="#" />
            </a>
        </li>

Posts Followed








Following

    No Content

Followers

My Posts

My Comments

You commented on Javier Rincón's post about 2 years

Justin Davis shows us how to use Foundation 6 with Angular 2-4

You commented on Iago's post over 3 years

Lee,If you install gulp globallynpm install -g gulp-install
and in the package.json delete de row    "gulp-cli": "gulpjs/gulp-cli#4.0",
it should work until they fix it

You commented on Iago's post over 4 years

I'm the only one who is unable to view it working with Chrome and not working with Firefox?

You commented on Kevin Mullen's post over 4 years

I'm getting the same error than Kevin, I just created a new project, you can see the error on Firefox 36 in Ubuntu, with Chrome it works well.
In Firefox works well, but the console shows the error when you click Close button.

You commented on Iago's post almost 5 years

Thank you very much for your answer Jeanie.

On my example there was one ng-repeat and wanted to print content inside and outsiide in each iteration.
What I am trying to achieve is creating cards inside the content of the tab.
But the problem is that I can iterate with ng-repeat once I am inside <div zf-tab

I mean, showing two different examples:

THIS WORKS

<div ng-repeat="cup in data.cups">
    <h4>{{ cup.name }}</h4>
    <p>
      {{ cup.description }}
    </p>
    <p>Year: {{ cup.year }}</p>
</div ng-repeat-end>

WHILE this iteration doesn't works:

<div zf-tabs="">
  <div zf-tab="" title="GREEN CUP">
    <div ng-repeat="cup in data.cups">
      <h4>{{ cup.name }}</h4>
        <p>
        {{ cup.description }}
        </p>
        <p>Year: {{ cup.year }}</p>
    </div>     
  </div>
</div>

I'm unable to make the ng-repeat work inside the zf-tab directive.

Maybe I'm missing something basic.
Thank you again

UPDATE:
It worked with

<div ng-repeat="cup in $parent.data.cups">

Thank you Jeanie

You commented on Iago's post almost 5 years

Thank you, I'm going to try it.

Edit: Worked, thank you again

You commented on Alexander Voigt's post about 5 years

I am having the same problem
Also I would like to know why it's not added "-moz-box-sizing: border-box;"

In my case I have it 50 times in my app.css created from sass

You commented on Eric's post about 5 years

He said he had a problem with the order of the elements.
I have done it using this, works if you want the icon on the left side.

<nav class="top-bar">
    <ul class="title-area">
        <li class="name">
            <a href="#">
                <img src="#" />
            </a>
        </li>

Posts Followed

Following

  • No Content

Followers

  • No Content