javascript - 将来自 angularjs 范围的数据附加到 div 中

Question

我从 ajax 调用获取动态数据，我想将其与调用结果一起附加到 div 容器，但由于某种原因该 div 未呈现。

这就是我在 Controller 中所拥有的:

$http({
   method: 'GET',
   url: '/Search/SearchParts',
   params: { id: id, packageid: $scope.packageid, searchterm: item.SearchValue }
}).success(function (data) {
      $scope.searchresults = data;
});

然后在 html 中我有这个:

<modal title="Search for parts" visible="showSearchForm">
    <div class="container">
        <div class="col-xs-4">
            <div class="row">
                Enter Search Criteria:
                <input type="text" ng-model="item.SearchValue" 
                    class="form-control"/>
            </div>
            <div class="row">
                <button ng-click="searchPart(item)" 
                     class="btn btn-success pull-right">Search Part</button>
                <input type="hidden" 
                     ng-model="$scope.packageid" 
                     id="hfVehiclePackageIdSearchPart"/>
            </div>
            <div class="row" data-ng-repeat="result in $scope.searchresults">
                <label>{{result.linecode}}</label>
            </div>
        </div>
    </div>
</modal>

最后一个带有 ng-repeat 数据的 div 没有被渲染。

知道我做错了什么吗？

Answer 1

你不应该在你应该使用的模板文件中使用$scope

<div class="row" data-ng-repeat="result in searchresults"><!-- remove $scope -->

这里还有另一行

<input type="hidden" 
     ng-model="packageid" <!-- remove $scope -->
     id="hfVehiclePackageIdSearchPart" />