Here is a working test that I can get the "class="roundb" to show/hide, but
I cannot get the "whiteamount" to show. I do see the "$", but the editor
will not work.
html:
<body ng-app="NgHideShowApp">
<table border="1">
<td height="180" width="83" align="center" valign="bottom">
<div ng-controller="AppCtrl">
<div ng-show="showText">
<div
class="roundb">
{{whiteamount}}
</div>
</div>
<br />
Blue Chip: <input type="checkbox"
ng-model="showText">
<br />
<div ng-hide="editorEnabled">
<a href="#" ng-click="enableEditor()">Edit
Amount</a>
</div>
<div ng-show="editorEnabled">
<input ng-model="whiteamount"
ng-show="editorEnabled">
<a href="#" ng-click="save()">Save</a>
</div>
</div>
</td>
</table>
</body>
.js
'use strict';
angular.module('NgHideShowApp', [])
.controller('AppCtrl', ['$scope', function ($scope) {
$scope.showText = true;
$scope.whiteamount = "$";
}]);
On Thursday, March 20, 2014 4:06:54 PM UTC-7, snteran wrote:
>
> have have built a table with multiple column and rows for certain items to
> appear or if not needed I wanted to hid them.
>
> I have a row with 8 columns, each column holds a Poker Chip of a certain
> color, if you don't have that color, I have the user uncheck the box and
> the <td> will disappear.
>
> i am working with some sample code to help understand the concept. Below
> is just the sample code I found and thought it would work. Not sure if
> there is a limitation on how many times you can use the name ng-model, but
> as you can see the bolded items. I'm hoping to be able to place my check
> box on one row and the Poker chip in the row above. I also have some
> additional text that will fill the chip with amount. I have not listed
> that code because it's so confusing so I'm hoping to illustrate what i'm
> trying to accomplish with the practice code below. Currently only the
> first "ShowText" will hide, not the second. Is there a limitation of how
> many iterations you can use the ng-model on?
>
> <body ng-app="NgHideShowApp">
> <div ng-controller="AppCtrl">
> <div>
> <input type="checkbox" ng-model="showText">Change Text
> <br>
>
>
> *<div ng-show="showText"> Displaying the div
> </div>*
> </div>
> <br><br>
>
> <br><br>
> <div>
> <button ng-click="toggleColor()">Toggle Color</button>
> <div ng-show="showColor()" style="font-size:40px;
> color:#dd1515;">AngularJS</div>
> <div ng-hide="showColor()" style="font-size:40px;
> color:#2f2f2f;">AngularJS</div>
> </div>
> </div>
> <div ng-controller="AppCtrl">
>
>
> *<div ng-show="showText"> Displaying the div </div> *
> </div>
> <script type="text/javascript" src="angular.js"></script>
> <script type="text/javascript" src="showhide.js"></script>
> </body>
>
>
> .js
>
> 'use strict';
>
> angular.module('NgHideShowApp', [])
> .controller('AppCtrl', ['$scope', function ($scope) {
> $scope.showText = true;
>
> }
> }]);
>
>
> Thank you for any help/advise. I'm sure I'll be posting many more
> questions. I am going to my first Angular user group on Tuesday, so
> hopefully I'll be able to find a local contact.
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
