These are chat archives for angular/material

27th
Jun 2016
Ragav
@ricoragav
Jun 27 2016 00:28

<!DOCTYPE html>

<html ng-app>
<head>
<meta charset="utf-8">
<title>I am Leaning AngularJS</title>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>

<script>
function NameCtrl($scope) {
$scope.firstName = 'Ragav';
$scope.lastName = 'Mohankumar';
}
</script>
</head>

<body ng-controller="NameCtrl">
First Name: <input ng-model="firstName" type="text"><br>
Last Name: <input ng-model="lastName" type="text"><br>
Hello {{firstName}} {{lastName}}
</body>
</html>

am new to angular and i wonder why the above is not showing proper results. any suggestions?
avokadro
@avokadro
Jun 27 2016 08:23
can angular-material be integrated with bootstrap 3 without problems?
Jordan Green
@jordangpdx
Jun 27 2016 19:59
Can someone help me with a image displaying improperly?
inproperly*
Casper Engelmann
@CasperEngl
Jun 27 2016 19:59
Sure
Jordan Green
@jordangpdx
Jun 27 2016 20:00
So I am using the md-card and when I am putting images in them they change the height of the cards to be different sizes
I want them to all be the same height cards
Casper Engelmann
@CasperEngl
Jun 27 2016 20:01
That’s no problem
If you set a max-height on .card-image it should fix it
Jordan Green
@jordangpdx
Jun 27 2016 20:02
Alright ill give that a shot
Casper Engelmann
@CasperEngl
Jun 27 2016 20:02
Probably better setting it on .card-image>img
Jordan Green
@jordangpdx
Jun 27 2016 20:02
so its not .md-card-img?
Casper Engelmann
@CasperEngl
Jun 27 2016 20:02
Are you using MaterializeCSS?
Or getmdl.io ?
Jordan Green
@jordangpdx
Jun 27 2016 20:02
Materialize
Casper Engelmann
@CasperEngl
Jun 27 2016 20:03
There’s no such class as .md-card in Materialize is there?
Anyways, set a max-height on the image inside your card
Jordan Green
@jordangpdx
Jun 27 2016 20:04
gotcha ok. I see now
thanks @CasperEngl !
Casper Engelmann
@CasperEngl
Jun 27 2016 20:05
No problem @jordangpdx
Jordan Green
@jordangpdx
Jun 27 2016 20:05
Mind if i ask ya if i have any more issues in the future? im sure there will be a few haha
Casper Engelmann
@CasperEngl
Jun 27 2016 20:06
Yeah, feel free to do so
I don’t often hang out here, but alright
Oh wait, I was in the wrong chatroom :D
Jordan Green
@jordangpdx
Jun 27 2016 20:06
awesome ok thanks!
Casper Engelmann
@CasperEngl
Jun 27 2016 20:06
I thought I was in the materializecss chat, not angular
That’s why I was confused when you said md-card
It’s honestly rare to see people here at all
Jordan Green
@jordangpdx
Jun 27 2016 20:07
Well this is what I am using is it materialize? https://material.angularjs.org/latest/
Casper Engelmann
@CasperEngl
Jun 27 2016 20:07
That is angular material
Materialize is on http://materializecss.com
Either way, I wish I knew angular well enough to start using angular material, but I really don’t know my way into it
Learning angular seems pretty hard, I’ve only taken the course on Codecademy, which I didn’t even finish because I think I got stuck somewhere
Chris Guerrero
@chrisguerrero
Jun 27 2016 22:34
hey all!
trying to figure out how to re-create a sidenav with the new $mdPanel service, I’m stuck on the slide animation
Chris Guerrero
@chrisguerrero
Jun 27 2016 22:42
it appears as though <mdPanelAnimation> only accepts top and left properties for the openFrom and closeTo methods
so for a panel pinned to the right of the screen, I can’t animate from a right value of -100% to 0
it works great for a panel pinned to the left