Trung tâm cá nhân
sách gpt4 ai đã đi

Tạo Angular Directive để tái sử dụng mã - Lỗi phân tích cú pháp khi tạo html

In lại 作者：行者123 更新时间：2023-12-03 09:42:45 32 4
mua khóa gpt4 Nike

遵循我正在创建的控件的代码片段。这个控件用在不同的地方，变量也不同。

我正在尝试编写指令来清理代码，但在 {{}} 附近插入值时出现解析错误。

刚接触 Angular ，无法确定我错过了什么。请帮忙。

track-edit 是另一个指令。

原始控制代码:

指令代码

app.directive('customEditor', function () {
    trở lại {
        restrict: "E",
        scope: {
            fId: "@",
            idAppend: "@",
            className: "@",
            origVal: "@",
            currVal: "@"
        },
        replace: true,
        transclude: false
        template: ' 

        'class="{{className}}" >
' +
        '
',
link: function (scope, element, attrs) {

}
}
});

指令后的 HTML:

1 Câu trả lời

我认为你的错误在于这部分:

fId: "@",
idAppend: "@",
className: "@",
origVal: "@",
currVal: "@"

应该是:

fid: "@",
idappend: "@",
classname: "@",
origVal: "@",
currVal: "@"

在指令中:

您有idappend，但您引用的是idAppend，这是错误的。您应该将其称为idappend。同样适用于 fid Và classname ，它们应该引用，因为它没有驼峰格式

编辑代码-

如果您信任 origVal Và currVal 值，请替换此语句:

ng-bind-html="{{origVal}}|diff:{{currVal}}"

用这个

ng-bind-html-unsafe="{{origVal}}|diff:{{currVal}}"

Hoặc bạn có thể sử dụng$sce喜欢这个

$sce.parseAsHtml(your_data_value)

有关更多信息，您也可以引用此。 With ng-bind-html-unsafe removed, how do I inject HTML?

关于javascript - 创建 Angular Directive(指令)以重用代码 - 创建 html 时解析错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31136866/

32 4 0
Bài viết được đề xuất: javascript - 根据共享点新项目中的下拉选择隐藏字段
Bài viết được đề xuất: javascript - 表单 onsubmit 不起作用结束更改输入值
Bài viết được đề xuất: javascript - 与 pouchdb 和 couchdb 同步
Bài viết được đề xuất: javascript - 使用 Node.js 时 ImageMagick 裁剪尺寸不正确
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com