将PHP变量传递给AngularJS,并在脚本中使用它来填充列表
Pass PHP variable to AngularJS and use it to populate a list in the script
我有一个搜索表单,我想从数据库动态。搜索表单依赖于外部的AngularJS脚本来存储数据。
angular.module('sortApp', [])
.controller('mainController', function($scope) {
$scope.sortType = 'name'; // set the default sort type
$scope.sortReverse = false; // set the default sort order
// create the list of sushi rolls
$scope.engineers = [
{ engineer: 'Mark Smith', team: 'Team 1' },
{ engineer: 'Sean Barry', team: 'Team 2' },
{ engineer: 'Ben Matthews', team: 'Team 3' },
{ engineer: 'Jayson Balls', team: 'Team 4' },
{ engineer: 'Dolton Tims', team: 'Team 5' }
];
});
这是脚本代码。逻辑相当简单,我将使用循环来遍历SQL查询的所有结果,将其存储在PHP变量中,并将该变量发送到"工程师"answers"团队"部分的Javascript。这将显示我从数据库中指定的所有内容,而不必在每次进行更改时手动在JS文件中输入详细信息。
我知道如何使用PHP从数据库检索结果。我需要将从查询中收集的所有结果存储在PHP变量中,并将该PHP变量与各种结果一起发送到脚本。
有人知道如何实现这一点吗?
你不能从php发送任何数据到javascript。相反,您必须通过javascript AJAX请求获取数据。数据在服务器端应该是JSON编码。
查看php JSON编码文档:http://php.net/manual/en/function.json-encode.php
也是Angular $http。得到文档:https://docs.angularjs.org/api/ng/service/http美元
你必须为你的后端环境创建一个REST API接口,将其格式化为JSON,然后使用AngularJS的$resource service来访问数据
相关文章:
- 谷歌应用程序脚本示例-如何更改单选按钮的列表框相关值
- 使用Ajax或JavaScript选择下拉列表选项后,在同一页面上执行PHP脚本
- 使用谷歌应用程序脚本制作基于谷歌电子表格的带有列表框的网络应用程序
- php代码或脚本接受自动完成列表中文本框中的值
- 如何创建一个脚本,该脚本给定网站列表,它使用其搜索功能来获取信息
- 选择下拉列表需要在选中时显示提供商的详细信息-无法通过我的脚本显示url
- 谷歌应用程序脚本web应用程序动态列表从表单
- 应用程序脚本-自动从谷歌驱动器删除超过3天的文件-获取文件列表
- 为什么此脚本仅应用于此列表中的一个列表项
- 修改jQuery脚本,让我选择页面入口的选择列表的默认值
- 有没有一种方法可以在使用html脚本的同时将列表实现为按钮函数
- 允许订阅者列表注册,但禁止脚本
- JavaScript-从脚本中的单词列表创建一个html表或网格
- 停止 C# 在下拉列表 javascript 验证失败时继续执行服务器端脚本
- 如何在 Java 脚本中替换列表框中的值
- Google Apps 脚本:是否有键值列表数据类型
- 如何通过 java 脚本填充 asp 下拉列表
- 有对象的基本咖啡脚本列表理解
- Html /javascript共享脚本列表..或者用茉莉花和硒做CI
- 谷歌应用程序脚本列表框填充基于以前的列表框我能够得到2的工作,但不是3