How do i call angularjs function from javascript?

Question

I want to call my AngularJs function from JavaScript

JavaScript

function loadData1() {
    var dropdown = document.getElementById("dropdown");
    var a = dropdown.options[dropdown.selectedIndex].value;
    if (a=="organisationUnits") {
        getorganisationUnits();
    }
}

AngularJs

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    //angular.element('#myCtrl').scope().getorganisationUnits();
    $scope.getorganisationUnits = function () {
        window.alert("Show data");
    }
});

HTML

<div ng-app="myApp" ng-controller="myCtrl" id="content">
    <select id="dropdown">
        <option value="selected"> Please Select Option</option>
        <option value="organisationUnits"> Organisation Units</option>
    </select>
    <input type="button" value="Go" id="getall_go" onclick="loadData1()"></input>
</div>

//angular.element('#content').scope().getorganisationUnits(); — Laurianti
– Laurianti, Commented Feb 10, 2017 at 10:30
@Laurianti This is not how to work in AngularJS. Please provide correct solution for AngularJS — Weedoze
– Weedoze, Commented Feb 10, 2017 at 10:35

Weedoze · Accepted Answer · 2017-02-10 10:30:01Z

3

This is how to do it in an angular way

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.load = function() {
    console.log("Dropdown value : " + $scope.drop);
    if ($scope.drop === "organisationUnits")
      console.log("Show data");
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl" id="content">
  <select id="dropdown" ng-model="drop">
    <option value="selected">Please Select Option</option>
    <option value="organisationUnits">Organisation Units</option>
  </select>

  <input type="button" value="Go" id="getall_go" ng-click="load()" />
</div>

answered Feb 10, 2017 at 10:30

Weedoze

14k2 gold badges37 silver badges65 bronze badges

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

2 Comments

Groben Over a year ago

I would add a ng-change here instead

Weedoze Over a year ago

@Groben Op's seems to load only when the button is clicked

Collectives™ on Stack Overflow

How do i call angularjs function from javascript?

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related