Question

这是我的代码：我希望它能够在数据库<textarea>之后生成一个<ul>或scope.current.type的div，并在其中设置scope.current.content。

但它不起作用，在我的页面上只显示<contentDirective></contentDirective>

 app.directive("contentDirective", function($compile) {
    return {
        restrict: 'E',
        replace: true,
        template: "<div class='new__content__input new__content__input-text'></div>",
        link: function(scope, element, attrs) {
            if (scope.current.type === 'Text') {
                var DOM = "<textarea>" + scope.current.content + "</textarea>";
                element.append(node);
            } else if (scope.current.type === 'Quote') {
                var DOM = "<textarea>" + scope.current.content + "</textarea>";
                element.append(node);

            } else if (scope.current.type === 'List') {

                var ul = "<ul>";
                for (var i = 0; i < scope.current.content.length; i++) {
                    ul += "<li>" + scope.current.content[i] + "</li>";
                }
                ul += "</ul>";
                element.append(ul);
            }
        }
    };
});

我的HTML：

<li ng-repeat="doc in who_u_r" ng-init=" current = doc " class="new__content__input__single clearfix">
    <contentDirective></contentDirective>
<li>

非常感谢您的帮助

Answer 1

更改为This，Angular将camelCasing转换为snake-casing，在这种情况下，名称必须使用短划线写入，每个短划线表示来自指令定义的大写字母。

<content-directive></content-directive>

我的自定义指令不起作用

1 个答案: