如何使用append使用ul li ng-repeat inside指令

Question

如何将var getAreaList = [ "City", "Central", "North", "South", "East", "West", ]; 附加到指令angularjs？ 这是我的数组列表。

myEl.append("<div ng-init='x="+getAreaList+"' class='clearfix left-align left card-panel blue-text text-darken-2 hoverable'>"<ul><li ng-repeat='x in getAreaList'>{{x}}</li></ul></div>");

这是我的追加：

t1, 'b'
t2, 'x'
t3, 's'
t4, 'b'

帮我看看。 感谢。

Answer 1

通过您的问题，很明显您正在寻找一个指令，使用指令在ul li中绑定您的数组 所以我已经制定了一个指令，也是一个小提琴

https://jsfiddle.net/athulnair/m2f2omke/

app.directive('ngUl', function() {
    return {
        restrict: 'E',
        scope:{
        data:'='
        },
        template: '<div><ul><li ng-repeat="item in data"><span ng-bind="item"></span></div>',
        link: function (scope, element, attrs, controller) {

        }
    }});