无法显示数组的值

时间:2017-03-14 11:14:24

标签: angularjs node.js html5

我有一个显示用户代码的文本框

<label class="control-label">USER CODE:</label>
<input placeholder="Enter a User Code" type="text" class="form-control" ng-model="user.userCode"/>

在显示按钮上,它调用api,该API获取分配给特定用户的产品代码。

<button type="button" class="btn btn-info"><i class="fa fa-hand-o-up" ng-click="getAssignedProducts(user.userCode)"></i>Show</button>

产品代码显示在表格中: -

<label style="text-align:center;">Mapped Products:</label>
<table cellpadding="0" cellspacing="0" style="margin:auto;">
  <thead>
    <tr>
        <th>Product Code</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="row in assignedProduct track by $index">
        <td>{{row}}{{$last ? '' : ', '}}</td>
    </tr>
  </tbody>
</table>

我的api代码是: -

function getAssignedProducts(userCode) {
    return $http({
        method: 'GET',
        url: '/api/user/assignedProduct?userCode=' + userCode
    });
}

我的指令代码: -

scope.getAssignedProduct = function(userCode) {
    ApiServices.getAssignedProduct(userCode).then(
        function(response) {
            scope.assignedProduct = response.data;
        },
        function(err) {
            // Handle error here
            console.log('Error' + JSON.stringify(err.data));
        });
}

这里,assignedProduct是后端的一个数组,用于存储字符串值。

我的问题是,api正确调用,但数据没有显示在表中。我想我没有在指令中正确显示数据。谁能告诉我我的错误在哪里?

0 个答案:

没有答案