Put JavaScript function in Angularjs file

Question

I have my JavaScript with Angularjs like this :

...
var propertiesModule = angular.module('xxx.properties', []);

propertiesModule.controller('PropertiesCtrl', ['$scope', '$routeParams', 'PropertiesService', 'ApplicationService', 'PlatformService', 'Page', function ($scope, $routeParams, PropertiesService, ApplicationService, PlatformService, Page) {
...
}]);

I want to call a jQuery functionality like this

...
$("input[type=button]").click(function () {
    $("#wrapper tr").prettyTextDiff({
        cleanup: $("#cleanup").is(":checked")
    });
});
...

I put in end of my file but the functionality is not executed, why?

try to find a textdiff option for angular instead of using jquery, by googling I found this: github.com/matteosuppo/angular-diff — anvarik
– anvarik, Commented Nov 6, 2014 at 9:17

Naeem Shaikh · Accepted Answer · 2014-11-06 09:15:23Z

2

use directives for handling dom. and angular has its own methods for handling dom, using jquery is a bad idea. here is some code to help

 app.directive('myDomDirective', function () {
    return {
        link: function ($scope, element, attrs) {
            element.bind('click', function () {
                element.html('You clicked me!');
              // do your stuff
            });

        }
    };
});

and a link to help you learn angular directives

answered Nov 6, 2014 at 9:15

Naeem Shaikh

15.8k8 gold badges53 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Put JavaScript function in Angularjs file

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related