使用AngularJS复选框检索并显示主要详细信息表格数据,并获取复选框选择的行详细信息

时间:2015-11-17 09:43:30

标签: angularjs checkbox

  1. 我需要使用angularjs在tablur中显示数据。
  2. 当我选中复选框时,获取该特定行的所有详细信息。

1 个答案:

答案 0 :(得分:0)

AngularJS是一个JS框架,你可以通过快速搜索找到你需要的东西,如果数据来自db try http://www.w3schools.com/angular/angular_sql.asp,在这个例子中它是一个通过PHP脚本连接的mysql数据库然后被解析为JSON 。有很多方法可以达到这个目的,但你需要开始向我们展示你尝试过的东西然后我们更具体地回答。

我们可能需要回答的其他问题:您是否了解HTML?你认识JS吗?你知道CSS吗?你知道SQL语言吗?

你采取的步骤:

  1. 在根文件夹中构建一个HTML页面并命名为:index.php
  2. 将此添加到正文:
  3.     {{x.Name}} {{x.Country}}

     var app = angular.module('myApp',[]); app.controller('customersCtrl',function($ scope,$ http){$ http.get(“http://www.w3schools.com/angular/customers_mysql.php”)。success(function(response){$ scope .names = response.records;});});
    1. 在root目录中创建一个名为:customers_mysql.php
    2. 的文件
    3. 复制http://www.w3schools.com/angular/customers_mysql.php中的所有代码,并将其设为customers_mysql.php
    4. 启动MySql或PHPmyAdmin并创建一个db和表,以匹配customers_mysql.php中提到的内容。或者先通过Cpanel创建,然后设置db和tables的用户名和密码
    5. 在customers_mysql.php
    6. 中添加您的用户名和密码
    7. 打开您的页面,如果您的服务器设置正确,请访问您的网站并导航到index.php页面,例如mywebsite.com/index.php
    8. 如果你很幸运,那么它应该全部工作
    9. 上述工作完成后,再添加一个关于您的复选框的问题/评论,我们可以建议如何添加一个复选框,经过检查后会从数据库中提取一行。
    10. 我希望这会有所帮助。

      当天的报价:自己采取前两个步骤,如果你落在第三步,我们将帮助你。