Question

我试图从表单元素中获取数据，然后使用jQuery .after（）插入一个来显示可能的选择。我直接通过获取名为＆＃34; data＆＃34;的属性从表单中获取可能的匹配项。使用AngularJS加载。现在的问题是，当我尝试使用新插入的ng-repeat时，它没有列出它。

'use strict';

angular
    .module('autoComplete', [])
    .directive('autoComplete', autoComplete);

function autoComplete($parse)  {
    var directive = {
        restrict: 'EA',
        require: '?ngModel',
        link: link,
    };

    return directive;

    function link(scope, elem, attr, ngModel) {
        var modelGet = $parse(attr['ngModel']);
        var modelSet = modelGet.assign;
        scope.$watch(function() {
            return modelGet(scope);
        }, function() {
            var string = modelGet(scope);
            if (string != undefined && string.length > 6) {
                var vm = this;
                vm.data = attr.data;
                vm.width = elem.outerWidth();
                elem.after('<div><ul class="list-group" style="position: absolute; width: '+vm.width+'px;"><li class="list-group-item" ng-repeat="codes in vm.data track by $index">{{code}}</li></ul></div>');

                console.log(vm.data); //This outputs the data just fine
            }

        });
    }
}

一旦放入，屏幕上产生的唯一内容就是{{code}}。我假设我应该尝试以某种方式以角度编译它？

Answer 1

您可以尝试在$scope.apply()之后添加elem.after(...，以帮助消化$scope.watch()中所做的更改。

参考：https://stackoverflow.com/a/15113029/2242217

来自父母的指令中的AngularJS ng-repeat数据？

1 个答案: