famous-flex icon indicating copy to clipboard operation
famous-flex copied to clipboard

Angular Directive Will Be awsome

Open AhmadEl-Banna opened this issue 10 years ago • 20 comments

I'm very new to famo.us but I'm good in angularjs , can u please consider ,or guid me to build angular directives for your awsome controlles.

AhmadEl-Banna avatar Dec 10 '14 12:12 AhmadEl-Banna

I haven't gotten around to do work with famous-angular, so unfortunately I'm lacking the experience at this stage.

IjzerenHein avatar Dec 10 '14 17:12 IjzerenHein

OK I think I've find a way to do it , https://famo.us/integrations/angular/faq/ under the q Can I use existing (vanilla) Famo.us components in F/A? thanx Hein you did a great job :+1:

AhmadEl-Banna avatar Dec 12 '14 14:12 AhmadEl-Banna

I will wrap all of you component's in angular directives ,and it will be available to the angular/famous

AhmadEl-Banna avatar Dec 12 '14 14:12 AhmadEl-Banna

That will be so awesome :))

IjzerenHein avatar Dec 12 '14 14:12 IjzerenHein

Can you please give me instruction about how to build all of your code into single file ,to remove require.js and src folder ,this will help the angular people to just use the directives without having to depend on requirejs, this will be great, my first thought was to use require.js and fa-render-node https://famo.us/integrations/angular/docs/unstable/api/directive/faRenderNode/index.html but I think this will be better,

AhmadEl-Banna avatar Dec 13 '14 19:12 AhmadEl-Banna

Have you managed to get it working?

IjzerenHein avatar Dec 18 '14 08:12 IjzerenHein

Not yet but I will relocate your code in angular module from the beginning , and use famous-global.js , to remove require.js dependency

AhmadEl-Banna avatar Dec 21 '14 06:12 AhmadEl-Banna

I need to follow your dependency tree and replace it with angular DI , for example the LayoutUtility will be declared as angular factory angular.module('famous-flex').factory('LayoutUtility',['$famous',function($famous){ // import dependencies var Utility = $famous('famous/utilities/Utility'); //the rest of your code return LayoutUtility; }]);

AhmadEl-Banna avatar Dec 21 '14 07:12 AhmadEl-Banna

Right I see. Would a single js-file do the trick like I did for famous-map? https://github.com/IjzerenHein/famous-map/tree/master/dist

IjzerenHein avatar Dec 21 '14 08:12 IjzerenHein

@AhmadEl-Banna

@mcbain pushed some changes to include a global famous-flex file. I'm not how it all works, have a talk to him.

IjzerenHein avatar Dec 21 '14 11:12 IjzerenHein

Have a look at this: https://github.com/IjzerenHein/famous-flex/pull/29#issuecomment-67771577

IjzerenHein avatar Dec 21 '14 14:12 IjzerenHein

cool that's exactly what I need

AhmadEl-Banna avatar Dec 25 '14 16:12 AhmadEl-Banna

I will try it out

AhmadEl-Banna avatar Dec 25 '14 17:12 AhmadEl-Banna

@AhmadEl-Banna any progress on this?

arush avatar Jan 20 '15 20:01 arush

+1

matt-d-rat avatar Feb 04 '15 22:02 matt-d-rat

+1

mydearxym avatar Feb 10 '15 00:02 mydearxym

+1

idanwe avatar Feb 11 '15 20:02 idanwe

+1

motiazu avatar Feb 16 '15 11:02 motiazu

@thaiat Did you manage to get famous-flex working with famous-angular? Cheers

IjzerenHein avatar Feb 17 '15 18:02 IjzerenHein

Hello,

I made an initial stab at integrating some of the famous-flex functionality with angular. you can find a repo of this material at

https://github.com/stevenmpostma/famous-flex-angular

You may find some of it of value.

regards.

ghost avatar Feb 20 '15 21:02 ghost