StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POAccess a div color-picker element through form controller
primarykey
Id
19950964
data
AcceptedAnswerId
0
AnswerCount
1
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-11-13T10:12:34.533
FavoriteCount
0
LastActivityDate
2013-11-19T16:59:03.297
LastEditDate
LastEditorUserId
0
OwnerUserId
1922258
ParentId
0
PostTypeId
1
Score
2
ViewCount
792
LastEditorDisplayName
text
Body
<p>I am using this <a href="https://github.com/buberdds/angular-bootstrap-colorpicker" rel="nofollow">library</a> in order to add a color picker feature to my AngularJS app. I would like to allow my client to use a color, which will then appear before him as small square div, with rounded corners(not the hex of the color, as my users are not technological). The problem comes, when I want to allow my users to restore their previous selection, in case they don't like their current one(this info is stored in a service).</p> <p>I would like to access the $pristine, and $dirty attributes of the div that the colorPicker directive is applied on, the problem is that giving a name to a div, is not valid HTML markup.</p> <p>Is there an 'Angular way' to do that(using built in $pristine and $dirty) or would I have to hack my way through this by storing a Boolean flag in my service?.</p> <pre><code><form name="designForm"> <div class="formLine"> <div class="miniFieldContainerSettings"> Background Color </div> <div class="mediumFieldContainerSettings"> <div data-colorpicker name="bgColor" class="colorSample" ng-model="model.formData.settings.background_color" data-ng-style="{backgroundColor : model.formData.settings.background_color}"> </div> <span class="btn btn-link" data-ng-disabled="designForm.bgColor.$pristine" data-ng-click="model.setDefaultColor('bgcolor')"> Restore previous </span> <span class="btn btn-link" data-ng-click="model.setDefaultColor('bgcolor', true)"> Set default </span> </div> </div> </form> </code></pre>
Tags
<javascript><html><angularjs><angularjs-directive><color-picker>
Title
Access a div color-picker element through form controller
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USOleg Belousov
plurals
PostLinksPostIdRelatedPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POAccess a div color-picker element through form controller
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  POAccess a div color-picker element through form controller
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.