Databases
StackOverflow2013
Postsdbo
POAngularJS. How to call controller function from outside of controller component
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POAngularJS. How to call controller function from outside of controller component
    primarykey
    data
    text
    <p>How I can call function defined under controller from any place of web page (outside of controller component)?</p> <p>It works perfectly when I press "get" button. But I need to call it from outside of div controller. The logic is: by default my div is hidden. Somewhere in navigation menu I press a button and it should show() my div and execute "get" function. How I can achieve this?</p> <p>My web page is:</p> <pre><code>&lt;div ng-controller="MyController"&gt; &lt;input type="text" ng-model="data.firstname" required&gt; &lt;input type='text' ng-model="data.lastname" required&gt; &lt;form ng-submit="update()"&gt;&lt;input type="submit" value="update"&gt;&lt;/form&gt; &lt;form ng-submit="get()"&gt;&lt;input type="submit" value="get"&gt;&lt;/form&gt; &lt;/div&gt; </code></pre> <p>My js:</p> <pre><code> function MyController($scope) { // default data and structure $scope.data = { "firstname" : "Nicolas", "lastname" : "Cage" }; $scope.get = function() { $.ajax({ url: "/php/get_data.php?", type: "POST", timeout: 10000, // 10 seconds for getting result, otherwise error. error:function() { alert("Temporary error. Please try again...");}, complete: function(){ $.unblockUI();}, beforeSend: function(){ $.blockUI()}, success: function(data){ json_answer = eval('(' + data + ')'); if (json_answer){ $scope.$apply(function () { $scope.data = json_answer; }); } } }); }; $scope.update = function() { $.ajax({ url: "/php/update_data.php?", type: "POST", data: $scope.data, timeout: 10000, // 10 seconds for getting result, otherwise error. error:function() { alert("Temporary error. Please try again...");}, complete: function(){ $.unblockUI();}, beforeSend: function(){ $.blockUI()}, success: function(data){ } }); }; } </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USWhitecat
    1. USPavel Zdarov
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POAngularJS. How to call controller function from outside of controller component
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POAngularJS. How to call controller function from outside of controller component
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POAngularJS. How to call controller function from outside of controller component
      1. USJohn Giotta
      1. VTFavorite
    1. COWhen you say "...somewhere in navigation menu you press a button...", do you mean to say that this navigation is part of another controller and you wish to call the `get()` of MyController from the another controller?
      singulars
      1. POAngularJS. How to call controller function from outside of controller component
      1. UScallmekatootie
    2. COFor now navigation menu is not a controller. Just html. Not sure if its possible to call controller function from html/javascript, thats why I posted this question. But yeah, logical to make navigation menu as separate controller. How I can call MyController.get() function from NavigationMenu.Controller ?
      singulars
      1. POAngularJS. How to call controller function from outside of controller component
      1. USPavel Zdarov
 

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.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload