angularjs + ionic + php mysql（未定义不是函数）

Question

我正在尝试使用 Intel XDK 中的 ionic + angularjs 从 db 加载一些简单数据。我用http://creator.ionic.io创建了主题

因此，有一个 controller.js 文件控制每个“页面”。我有一个主页，控制器使用下面的代码对其进行管理，我正在尝试编写代码以按照http://www.w3schools.com/angular/angular_sql.asp 的指示从数据库中获取数据。

.controller('homeCtrl', ['$scope', '$stateParams', // The following is the constructor function for this page's controller. See https://docs.angularjs.org/guide/controller
// You can include any angular dependencies as parameters for this function
// TIP: Access Route Parameters for your page via $stateParams.parameterName
function ($scope, $http) {

$http.get("http://localhost/project/select-audiencia.php").then(function(response){

    $scope.audiencia = response.data.records;

});

/*$scope.Number = 0;

$scope.test = function(){
   return $scope.Number += 1;
}*/

}])

.controller('suporteCtrl', ['$scope', '$stateParams', // The following is the constructor function for this page's controller. See https://docs.angularjs.org/guide/controller
// You can include any angular dependencies as parameters for this function
// TIP: Access Route Parameters for your page via $stateParams.parameterName
function ($scope, $stateParams) {


}])

我在 $http.get() 行中得到 undefined is not a function。 php文件正常，返回json代码。

$sql = $mysqli->query("SELECT * FROM audiencia");

    if($sql->num_rows > 0){
        while($row = $sql->fetch_array(MYSQL_BOTH)){
            $registro = array(
                "ID" => $row['id'],
                "VOU" => $row['vou'],
                "NAO_VOU" => $row['nao_vou'],
                "TALVEZ" => $row['talvez']                      
            );

        $retorno[] = $registro;

        }   
    }

    $mysqli->close();
    $retorno = json_encode($retorno);
    echo $retorno;

这个函数有什么问题？

更新

<ion-view title="Home" id="page6" style="background-color:#FFFFFF;">
  <ion-content padding="true" style="background: url(img/gyZnJFCoRPC41przFivh_bg.png) no-repeat center;background-size:cover;" class="has-header" ng-repeat="x in audiencia">
    <div>
        <img src="img/XKpA1sK1QMeh5stz2Pe8_logo.png" width="100%" height="auto" style="display: block; margin-left: auto; margin-right: auto;">
    </div>
    <div id="home-markdown8" style="color:#000000;font-size:16px;text-align:center;">
        <p>Comparecerão:
            <strong>{{x.VOU}}</strong>
        </p>
    </div>
    <div id="home-button-bar4" class="button-bar margin-top-100">
        <button id="home-button12" style="font-style:italic;color:#008BBB;border-radius:30px 30px 30px 30px;" class="button button-light  button-block audiencia_btns" ng-click="test()">Vou</button>
        <button id="home-button13" style="font-style:italic;color:#008BBB;border-radius:30px 30px 30px 30px;" class="button button-light  button-block audiencia_btns">Não Vou</button>
        <button id="home-button14" style="font-style:italic;color:#008BBB;border-radius:30px 30px 30px 30px;" class="button button-light  button-block audiencia_btns">Talvez</button>
    </div>
    <div id="home-markdown9" style="color:#000000;text-align:center;">
        <p>vao - nao vao - talvez</p>
    </div>
    <center>
        <a ui-sref="menu.temporada2016" id="home-button15" style="font-style:italic;color:#008BBB;font-size:18px;margin-top:50px;border-radius:30px 30px 30px 30px;width:250px;" class="button button-light  button-block icon-right ion-chatbubbles pics-news-btn">Fotos e Novidades</a>
    </center>
  </ion-content>
</ion-view>

Answer 1

您的问题似乎是您的控制器中没有包含$http，请尝试以下操作：

....
.controller('homeCtrl', ['$scope', '$http', 
    function ($scope, $http) {
....