Question

是否可以使用jQuery填充角度范围？我在jQuery中有一个包含3455个项目的大数组，我现在用name="varname"

显示

但是，我想使用＆＃39;实时搜索＆＃39;来过滤项目。功能。我现在可以使用角度过滤器和ng-repeat完成，但是可以在jQuery中填充范围吗？

Answer 1

是的，您可以使用angular.element执行此操作。根据您的问题，您可以使用以下内容：

angular.element('#div').append("<li>item</li>")

但由于数据量大，我不建议使用此解决方案。我建议尝试使用分页。像ng-simplePagination

一样

如果您需要在Angular Controller中使用jQuery，可以使用以下命令：

var jq = $.noConflict();
jq('#div').append("<li>item</li>");

Answer 2

以下是如何使用角度范围和资源创建联系人列表的示例代码。希望这会有所帮助。

<script src="~/Scripts/angular.js"></script>
<script src="~/Scripts/angular-resource.js"></script>
<script src="~/Scripts/models/contactsController.js"></script>

以下是contactsController文件的正文

var mainApp = angular.module('mainApp', ['contactsControllers','contactsServices']);
var contactsService = angular.module('contactsServices', ['ngResource']);
var contactsControllers = angular.module('contactsControllers', []);

contactsService.factory('Contacts', ['$resource',
    function ($resource) {
        return $resource('/Home/Contacts', {}, {
            query: { method: 'POST', params: {}, isArray: true }
        });
}]);

contactsControllers.controller('contactListController',
    ['$scope', 'Contacts',
        function ($scope, Contacts) {
            var contacts = [];
            Contacts.query(function (data) {
                angular.forEach(data, function (person) {
                    contacts.push(person);
                });
                $scope.contacts = contacts;
            });                    
}]);

用jquery填充角度范围

2 个答案: