javascript - 从数据库获取数据到angular js

标签 javascript php json angularjs http

我是 Angular JS 的新手,我一直在 codeschool 学习。

我有这个问题,我不知道如何解决:我想从我正在处理的 PHP 文件中获取数据,但首先我想做一个简短的例子,因为有些东西对我来说没有意义我,是永远无法将具有 PHP 文件的信息检索到 Angular Controller 。

我已经上传到 jsfiddle 需要的话可以去看看。

这是 html,非常基础:

<div ng-app="app">
    <div ng-controller="MyController as c">
         <h1>{{c.title}}</h1>
        <p>Controller trial: {{c.content}}</p>
    </div>
</div>

这里是 JavaScript 源代码:

var app = angular.module("app", []);
app.controller("MyController", ['$http', function ($http) {
    this.title = "My Title";
    var filecontent = "Data should be replaced";
    $http.get("http://www.otherwise-studios.com/example.php")
        .success(function (data) {
            filecontent = data;
            //I don't know why data is not loaded here :S
        });
    this.content = filecontent;
}]);

最后,这是我得到的输出:

My Title

Controller trial: Data should be replaced

如果您访问 link 我正在从中检索信息,您应该看到此输出“您已连接到我的 PHP 文件”,但正如我之前所说,数据似乎永远不会更新到变量:

this.content

非常感谢您的帮助!

胡安卡米洛瓜林 P

最佳答案

这里不加载数据,因为最初“内容”是原始的。 你有两种方法:将“内容”初始化为对象或这样写:

var filecontent = "la la la",
    that = this;

$http.get("http://www.otherwise-studios.com/example.php")
    .success(function (data) {
        that.content = data;
    });

关于javascript - 从数据库获取数据到angular js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24319606/

相关文章:

javascript - AJAX 响应 XML

javascript - 使用addEventListener时事件参数是如何传递的?

javascript - Gulp 不会监视任何 SCSS 更改。我必须使用 gulp-ruby-sass 吗?

php - 从 PHP 的输入中获取特定的数组值

php - 为什么这个 SQL 查询会杀死我的服务器?

php - 如何编码法语/西类牙语字符以使用 clickatell 的 http api?

javascript - 数据库数据重新排列/转换的最佳实践?

javascript - 编写一个退出 while 循环的 exit 条件

javascript - 在 JQuery 中使用 JSON 填充 SELECT

python - 将 csv 文件转换为具有特定 json 格式的 json + python