Javascript 如何从内容页JS（离子框架）调用函数？

嗨，我是棱角分明，爱奥尼亚的新手。努力在实践中学习。我的控制器文件中有一个控制器，类似于：

我有一个内容页，所有的内容页都运行这个控制器。内容是这样的：

.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>

.controller（'GuideCtrlx'，['$scope'，'$http'，函数（$scope，$http）{
var city=“伦敦”；
$http.jsonp（“https://en.wikipedia.org/w/api.php?format=json&action=parse&page=“+city+”&prop=text§ion=0&callback=JSON\u callback”）。
成功（函数JSON_回调（数据）{
//这里有东西
})
}])
{{ }}

---

我想用不同的城市名称在每个页面上调用控制器函数来获取数据。尝试按照您的逻辑将

ng init

添加到

，您可以这样尝试

控制器

    .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

   })
            }

视图1（这里的城市是伦敦）


{{values}}

视图2（这里的城市是纽约）


{{values}}
您的API端点不是JSONP。请看一下文档，这有关系吗？它起作用了。
<ion-view title="Cart" id="page2" style="" ng-init="getValue('London')">
  <ion-content padding="true" class="has-header">
    {{values}}
  </ion-content>
</ion-view>

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