Ufdjrw

Is it ethical to give a final exam after the professor has quit before teaching the remaining chapters of the course?

At the end of Thor: Ragnarok why don't the Asgardians turn and head for the Bifrost as per their original plan?

What does this icon in iOS Stardew Valley mean?

Seeking colloquialism for “just because”

Why aren't air breathing engines used as small first stages

Resolving to minmaj7

What causes the vertical darker bands in my photo?

Why are Kinder Surprise Eggs illegal in the USA?

Can a USB port passively 'listen only'?

Bete Noir -- no dairy

What's the purpose of writing one's academic biography in the third person?

Sci-Fi book where patients in a coma ward all live in a subconscious world linked together

Output the ŋarâþ crîþ alphabet song without using (m)any letters

Is it fair for a professor to grade us on the possession of past papers?

How to tell that you are a giant?

When do you get frequent flier miles - when you buy, or when you fly?

Why was the term "discrete" used in discrete logarithm?

If a contract sometimes uses the wrong name, is it still valid?

Why are there no cargo aircraft with "flying wing" design?

How do pianists reach extremely loud dynamics?

Echoing a tail command produces unexpected output?

Single word antonym of "flightless"

What exactly is a "Meth" in Altered Carbon?

What is the meaning of the new sigil in Game of Thrones Season 8 intro?

How to create an Angular Flex-Layout stylebuilder to generate a default fxLayoutGap?

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

1

I am trying to create a style builder to generate a default fxLayoutGap if none is specified, as outlined here:

This is my setup

module

@NgModule(
 ...
 providers: [
 provide: LayoutGapStyleBuilder, // when default is requested
 useClass: DefaultLayoutGapStyleBuilder // provide instead custom builder
 ]
)

default-layout-gap-style-builder.ts

import Injectable from '@angular/core';
import LayoutGapParent, LayoutGapStyleBuilder, StyleDefinition from '@angular/flex-layout';

@Injectable()
export class DefaultLayoutGapStyleBuilder extends LayoutGapStyleBuilder 
 buildStyles(input: string, parent: LayoutGapParent): StyleDefinition '10px'; 

 return super.buildStyles(input, parent); // THIS RETURNS 
 

view.html

<div fxLayout="row wrap" fxLayoutGap>

Everything seems to be hooked up correctly, but the call to super.buildStyles is not returning anything so a default gap style of 10px is not applied.

angular flexbox angular-flex-layout

share|improve this question

asked Mar 8 at 17:36

Jeff MitchellJeff Mitchell

1,0571428

add a comment | 

1

I am trying to create a style builder to generate a default fxLayoutGap if none is specified, as outlined here:

This is my setup

module

@NgModule(
 ...
 providers: [
 provide: LayoutGapStyleBuilder, // when default is requested
 useClass: DefaultLayoutGapStyleBuilder // provide instead custom builder
 ]
)

default-layout-gap-style-builder.ts

import Injectable from '@angular/core';
import LayoutGapParent, LayoutGapStyleBuilder, StyleDefinition from '@angular/flex-layout';

@Injectable()
export class DefaultLayoutGapStyleBuilder extends LayoutGapStyleBuilder 
 buildStyles(input: string, parent: LayoutGapParent): StyleDefinition '10px'; 

 return super.buildStyles(input, parent); // THIS RETURNS 
 

view.html

<div fxLayout="row wrap" fxLayoutGap>

Everything seems to be hooked up correctly, but the call to super.buildStyles is not returning anything so a default gap style of 10px is not applied.

angular flexbox angular-flex-layout

share|improve this question

asked Mar 8 at 17:36

Jeff MitchellJeff Mitchell

1,0571428

add a comment | 

I am trying to create a style builder to generate a default fxLayoutGap if none is specified, as outlined here:

This is my setup

module

@NgModule(
 ...
 providers: [
 provide: LayoutGapStyleBuilder, // when default is requested
 useClass: DefaultLayoutGapStyleBuilder // provide instead custom builder
 ]
)

default-layout-gap-style-builder.ts

import Injectable from '@angular/core';
import LayoutGapParent, LayoutGapStyleBuilder, StyleDefinition from '@angular/flex-layout';

@Injectable()
export class DefaultLayoutGapStyleBuilder extends LayoutGapStyleBuilder 
 buildStyles(input: string, parent: LayoutGapParent): StyleDefinition '10px'; 

 return super.buildStyles(input, parent); // THIS RETURNS 
 

view.html

<div fxLayout="row wrap" fxLayoutGap>

Everything seems to be hooked up correctly, but the call to super.buildStyles is not returning anything so a default gap style of 10px is not applied.

angular flexbox angular-flex-layout

share|improve this question

asked Mar 8 at 17:36

Jeff MitchellJeff Mitchell

1,0571428

@NgModule(
 ...
 providers: [
 provide: LayoutGapStyleBuilder, // when default is requested
 useClass: DefaultLayoutGapStyleBuilder // provide instead custom builder
 ]
)

import Injectable from '@angular/core';
import LayoutGapParent, LayoutGapStyleBuilder, StyleDefinition from '@angular/flex-layout';

@Injectable()
export class DefaultLayoutGapStyleBuilder extends LayoutGapStyleBuilder 
 buildStyles(input: string, parent: LayoutGapParent): StyleDefinition '10px'; 

 return super.buildStyles(input, parent); // THIS RETURNS 
 

<div fxLayout="row wrap" fxLayoutGap>

angular flexbox angular-flex-layout

angular flexbox angular-flex-layout

share|improve this question

asked Mar 8 at 17:36

Jeff MitchellJeff Mitchell

1,0571428

share|improve this question

asked Mar 8 at 17:36

Jeff MitchellJeff Mitchell

1,0571428

asked Mar 8 at 17:36

Jeff MitchellJeff Mitchell

1,0571428

asked Mar 8 at 17:36

Jeff MitchellJeff Mitchell

1,0571428

1 Answer
1

active

oldest

votes

2

According to the source code if the value you pass in, '10px' in this case, does not end in ' grid'; than it will return the empty object and not give you the gap layout. I'm guessing you will want to use a different builder or input for your use case.

share|improve this answer

answered Mar 8 at 18:05

Jace RheaJace Rhea

4,16433155

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55068282%2fhow-to-create-an-angular-flex-layout-stylebuilder-to-generate-a-default-fxlayout%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

2

According to the source code if the value you pass in, '10px' in this case, does not end in ' grid'; than it will return the empty object and not give you the gap layout. I'm guessing you will want to use a different builder or input for your use case.

share|improve this answer

answered Mar 8 at 18:05

Jace RheaJace Rhea

4,16433155

add a comment | 

2

According to the source code if the value you pass in, '10px' in this case, does not end in ' grid'; than it will return the empty object and not give you the gap layout. I'm guessing you will want to use a different builder or input for your use case.

share|improve this answer

answered Mar 8 at 18:05

Jace RheaJace Rhea

4,16433155

add a comment | 

According to the source code if the value you pass in, '10px' in this case, does not end in ' grid'; than it will return the empty object and not give you the gap layout. I'm guessing you will want to use a different builder or input for your use case.

share|improve this answer

answered Mar 8 at 18:05

Jace RheaJace Rhea

4,16433155

share|improve this answer

answered Mar 8 at 18:05

Jace RheaJace Rhea

4,16433155

answered Mar 8 at 18:05

Jace RheaJace Rhea

4,16433155

answered Mar 8 at 18:05

Jace RheaJace Rhea

4,16433155