Question

我从ajax调用获取动态数据，我希望将其附加到带有调用结果的div容器，但div不会因某种原因而呈现。

这就是我在控制器中所拥有的：

$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>

没有渲染与数据进行重复重复的最后一个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" />

Answer 2

您不必在HTML中引用$ scope。

您可以直接使用模型，如ng-repeat =＆＃34;结果为＆＃34;。

从div中的angularjs范围追加数据

2 个答案: