How to run code on view updated

[Zoltan Juhasz]

Hi,

my controller is using $xhr to get some JSON from the server. The view is then using ng:repeat to display the items of the response. I would need to run some jquery once the view gets updated  (something like $('.selector').button(); ). Is there an easy way to achieve this? 

Thanks,

Zoltan

[Witold Szczerba]

Create a directive i.e.: "my:button" and use this directive in tags
which are supposed to become a button. So, instead of:

<input type="button" class="someSelector" value="Button text">
plus everywhere scripts like this:
<script> $('.someSelector').button(); </script>

...you will have it done like this instead:
<input type="button" my:button value="Button text">
plus an application-wide definition of a directive.

See documentation/tutorial on how to create your own directive. In
AngularJS 0.10.x (and maybe on 0.9.x), it will be something like this:
angular.directive('my:button', function(expression, compiledElement) {
return function(linkElement) {
linkElement.button();
}
});

Note that the syntax above will be changed (simplified) soon, but the
overall approach will remain.

Regards,
Witold Szczerba

> --
> You received this message because you are subscribed to the Google Groups
> "AngularJS" group.
> To post to this group, send email to ang...@googlegroups.com.
> To unsubscribe from this group, send email to
> angular+u...@googlegroups.com.
> For more options, visit this group at
> http://groups.google.com/group/angular?hl=en.

[ThomasBurleson]

@Witold
FYI

Angular v0.10.7.x no longer supports angular.directive().

For v0.10.6 and earlier: angular.directive()
For v0.10.7.x angular.module().directive()...

- ThomasB

On Feb 10, 7:00 am, Witold Szczerba <pljosh.m...@gmail.com> wrote:
> Create a directive i.e.: "my:button" and use this directive in tags
> which are supposed to become a button. So, instead of:
>
> <input type="button" class="someSelector" value="Button text">
> plus everywhere scripts like this:
> <script> $('.someSelector').button(); </script>
>
> ...you will have it done like this instead:
> <input type="button" my:button value="Button text">
> plus an application-wide definition of a directive.
>
> See documentation/tutorial on how to create your own directive. In
> AngularJS 0.10.x (and maybe on 0.9.x), it will be something like this:
> angular.directive('my:button', function(expression, compiledElement) {
>   return function(linkElement) {
>     linkElement.button();
>   }
>
> });
>
> Note that the syntax above will be changed (simplified) soon, but the
> overall approach will remain.
>
> Regards,
> Witold Szczerba
>