How to call function without ng-click

Question

How we can call function in angularjs without ng-click. I tried ng-show but my function is running again and again. Can any one help me. Basically i want to file function without ng-click.

    <button ng-show="Temp" ng-click="TemplateE5()"> </button>

i donot want ng-click. it should fire automatically

<angucomplete-alt id="Te1" placeholder="Please type name of template "
    pause="100"  maxlength="20"  input-changed="test"
    selected-object="Temp" local-data="myTemplate"
    search-fields="NAME" title-field="NAME" minlength="0"
    input-class="form-control form-control-small"
    match-class="highlight">
</angucomplete-alt>

<button ng-show="Temp" ng-click="TemplateE5()"> </button>

controller Side

    $scope.TemplateE5 = function () {
    $scope.users.Time = $scope.Temp.time;
    $scope.users.Paper= $scope.Temp.paper;}

On which condition do you want the function to run? Do you want to run it after a specific time interval or on a particular action by the user? — Yatin
– Yatin, Commented Aug 9, 2017 at 21:51
if you want to run functions called when controller init just call then with ng-init ="yourFunction()" — Jesus Carrasco
– Jesus Carrasco, Commented Aug 9, 2017 at 21:58
<angucomplete-alt id="Te1" ng-init="TemplateE5()" ....... the other attributes. — Jesus Carrasco
– Jesus Carrasco, Commented Aug 9, 2017 at 22:02

Akshay Prabhakar · Accepted Answer · 2017-08-09 21:52:08Z

1

You can run it from your controller if you know the ID:

$scope.getSessionsForSpeaker(id);

You can use ng-init to run it when that element loads:

<a ng-init="getSessionsForSpeaker(speaker.id)"></a>

You can also use ng-mouseover if you want to run it when the mouse is over that element

<a ng-mouseover="getSessionsForSpeaker(speaker.id)"></a>

All depends when you want to run it.

answered Aug 9, 2017 at 21:52

Akshay Prabhakar

4794 silver badges14 bronze badges

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

Comments

georgeawg · Accepted Answer · 2017-08-10 00:14:41Z

0

Thank you every one. I used ng-click inside angucomplete-alt it works

<angucomplete-alt id="Te1" ng-click="TemplateE5()"
                  placeholder="Please type name of template "
                  pause="100"  maxlength="20"  input-changed="test"
                  selected-object="Temp" local-data="myTemplate"
                  search-fields="NAME" title-field="NAME" 
                  minlength="0"
                  input-class="form-control form-control-small"
                  match-class="highlight">
</angucomplete-alt>

edited Aug 10, 2017 at 0:14

georgeawg

49k13 gold badges78 silver badges98 bronze badges

answered Aug 9, 2017 at 22:26

Devesh Khosla

151 silver badge7 bronze badges

Comments

Memo 313 MediaSA · Accepted Answer · 2018-07-27 12:57:41Z

0

`app.directive('ngEnter', function () {
return function (scope, element, attrs) {
    element.bind("keydown keypress", function (event) {
        if(event.which === 13) {
            scope.$apply(function (){
                scope.$eval(attrs.ngEnter);
            });

            event.preventDefault();
        }
    });
};

});`

On the web page

<input ng-enter="myFunc()" ng-model="..." />

answered Jul 27, 2018 at 12:57

Memo 313 MediaSA

795 bronze badges

Collectives™ on Stack Overflow

How to call function without ng-click

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related