AngularJS values from MySQL DB

Question

I read several tutorials about it, but I can't figure out what is wrong:

HTML

<!DOCTYPE html>
<html ng-app="dfuApp" ng-controller="dfuController">
    <head>
        <title>Angular JS Test</title>
    </head>
    <body>
        <div>
            current status: {{status}}
        </div>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
        <script type=”text/javascript” src="js/app.js"></script>
    </body>
</html>

aps.js

//Define an angular module for our app 
console.log('here');
var app = angular.module('dfuApp', [])

app.controller('dfuController', function ($scope, $http) {
    getStatus();
    function getStatus() {
    $http.get("../getStatus.php").success(function (data) {
        $scope.status = data; //the data are stored in projects
        });
    };
});

getStatus.php

<?php

$mysqli = new mysqli(credentials);

// The mysql database connection script

$query = "select statusid from metadata";
$result = $mysqli->query($query) or die($mysqli->error . __LINE__);

$arr = array();
if ($result->num_rows > 0) {
    while ($row = $result->fetch_assoc()) {
        $arr[] = $row;
    }
}

//JSON-encode the response
echo $json_response = json_encode($arr);

This example was taken from several example-Sites like this, that and finally this here.

I double-checked it and I can't find any errors. In my console, it says:

[$injector:modulerr] http://errors.angularjs.org/1.3.15/$injector/modulerr?p0=dfuApp&p1=Error%3A…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A17%3A381)

which finally leads to the following:

This error occurs when a module fails to load due to some exception. The error message above should provide additional context.

Any Idea why this isn't working? What am I missing?

Could you follow the link in the [$injector:modulerr] error, it should provide more info what goes wrong — Martijn Welker
– Martijn Welker, Commented Jan 15, 2016 at 9:38

Anik Islam Abhi · Accepted Answer · 2016-01-15 09:39:15Z

3

It should be " instead of ”

Convert this

<script type=”text/javascript” src="js/app.js">

to this

<script type="text/javascript" src="js/app.js">

answered Jan 15, 2016 at 9:39

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

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

Collectives™ on Stack Overflow

AngularJS values from MySQL DB

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