如何将SQL数据直接引入AngularJS中的控制器

时间:2017-08-03 06:35:20

标签: angularjs bootstrap-duallistbox

如下所示,在controller.js中,我尝试使用{name:' item'风格,它在观众中工作。 但是,我想从SQL数据库中提取数据。 我尝试使用{{member.member_name}},但它没有用。

$http.get('../crud/members_select.php').then(function(response){
                    $scope.members = response.data;
                });

this.items = [
    { member_name: 'Tim' },
    { member_name: 'Dave' },
    { member_name: 'Jenny' }
];

因此,我的问题是"为了在SQL数据库的单个代码中重复数据,我怎么能做{{member_name}}的事情?"

以下是HTML CODE。

<div class="ibox-content">
   <select ng-options="name as member.member_name for n in members"
   multiple
   ng-model="selections"
   bs-duallistbox></select>
</div>

提前谢谢!!

1 个答案:

答案 0 :(得分:0)

你需要这样做

&#13;
&#13;
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example</title>
  <script src="https://code.angularjs.org/snapshot/angular.min.js"></script>
  
</head>
<body ng-app="selectExample">
  <script>
angular.module('selectExample', [])
  .controller('ExampleController', ['$scope', function($scope) {
    $scope.items = [
    { member_name: 'Tim' },
    { member_name: 'Dave' },
    { member_name: 'Jenny' }
  ];
    $scope.selections = [];
  }]);
</script>
<div ng-controller="ExampleController">
  
  
  <label>Color (null not allowed):
    <select ng-model="selections" ng-options="item.member_name for item in items" multiple></select>
  </label>
  <hr/>
  Currently selected: {{  selections }}

</div>
</body>
</html>
&#13;
&#13;
&#13;