How to call function from content page Angular JS(Ionic Framework)?

Question

Hi I am newbie to Angular, Ionic. Trying to learn with practice. I have a contoller on my controllers file something like that:

And I have a content pages which all of them runs this controller. Content is something like this:

.controller('GuideCtrlx', ['$scope', '$http', function($scope, $http) {
    var city = "London";
    $http.jsonp("https://en.wikipedia.org/w/api.php?format=json&action=parse&page=" + city + "&prop=text&section=0&callback=JSON_CALLBACK").
    success(function JSON_CALLBACK(data) {
        //stuff goes here
    })
}])
<ion-view title="Cart" id="page2" style="">
    <ion-content padding="true" class="has-header">
        {{ }}
    </ion-content>
</ion-view>

I want to call controller function on every page with different city name to get data. Tried to add ng-init to <ion-content not worked. I have two questions. 1. How to pass value to controller function from a content page mentioned above? 2. How to show content only after getting function result?

Any help will be appreciated.

Your API endpoint is not JSONP. Please take a look at the documentation mediawiki.org/api/rest_v1 — lin
– lin, Commented Feb 19, 2017 at 9:38

Saurabh Agrawal · Accepted Answer · 2017-02-19 10:43:08Z

As per your logic you can try like this

Controller

    .controller('GuideCtrlx', ['$scope', '$http', function($scope,   $http) {
        // var city = "London";
        $scope.getValue = function(city){

            $http.jsonp("https://en.wikipedia.org/w/api.php?format=json&action=parse&page="+city+"&prop=text&section=0&callback=JSON_CALLBACK").
            success(function JSON_CALLBACK(data) {
                $scope.values = data;

      //stuff goes here

   })
            }

View 1 (here city is London)

<ion-view title="Cart" id="page2" style="" ng-init="getValue('London')">
  <ion-content padding="true" class="has-header">
    {{values}}
  </ion-content>
</ion-view>

View 2 (here city is New York)

<ion-view title="Cart" id="page2" style="" ng-init="getValue('New York')">
  <ion-content padding="true" class="has-header">
    {{values}}
  </ion-content>
</ion-view>

Collectives™ on Stack Overflow

How to call function from content page Angular JS(Ionic Framework)?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related