These are chat archives for angular/material

2nd
Mar 2017
Joe
@foxjazz
Mar 02 2017 00:37
@SeanFullstack LOL those are no longer key skills.
Roel
@roelzkie15
Mar 02 2017 14:11
Can we exempt one or more div elements inside an element with a layout="column"?
<div layout="column">
    <div>This is column layout</div>
    <div>how to exempt this one?</div>
    <div>This is column layout</div>
</div>
Leo Scordilis
@leosco
Mar 02 2017 19:32
@badcoder28 you're better off just removing the parent div and giving separate layout directives to each, because remember: layout only applies to immediate children
so you're looking at something like:
<div layout="column">This is column layout</div>
<div layout>how to exempt this one?</div>
<div layout="column">This is column layout</div>
Leo Scordilis
@leosco
Mar 02 2017 19:38
@benetisz_twitter this is a major gotcha with flex layout that I learned the hard way over the years: flex will force max-width of your container to be 100%, so if your child content overflows and cannot be shrunk it's going to look like crap. You're better off removing flex entirely, especially if it's something you intend to overflow (like a big table or something) otherwise, if it's something you can safely transition to column layout (like cards or buttons or other format flexible content) or at least wrap you can use layout-wrap or layout-xs="column"
Leo Scordilis
@leosco
Mar 02 2017 19:43
@inayath123 this sounds like an old angular limitation to me, make sure you've set your ng-model for your radio button to an object property like $scope.options = { radioButtonVal: '' }, not just $scope.radioButtonVal because angular doesn't like most scope vars that aren't nested in an object first, and doesn't properly assign the DOM value to the scope