Javascript 内容可编辑指令工作不正常

Javascript 内容可编辑指令工作不正常,javascript,angularjs,html,angularjs-directive,contenteditable,Javascript,Angularjs,Html,Angularjs Directive,Contenteditable,我是新来的angularjs。在这里,我有一个表,我正在使用HTML5的contenteditable属性。现在,我有以下代码- <td class="td-report-field" contenteditable="disabledoneButton" contextmenu-item="report" context-menu="menuOptions"> {{ report.attributes.field }} </td> 谁能帮我解决这个问题?提

我是新来的
angularjs
。在这里,我有一个表,我正在使用
HTML5
contenteditable
属性。现在,我有以下代码-

<td class="td-report-field" contenteditable="disabledoneButton"
    contextmenu-item="report" context-menu="menuOptions">
  {{ report.attributes.field }}
</td>

谁能帮我解决这个问题?提前感谢。

要提供属性值的数据绑定,请使用:

发件人:

在编译过程中,使用 服务以查看文本节点和元素属性是否包含 嵌入表达式的插值标记

如果是这种情况,编译器将向 计算插值函数上的节点和寄存器, 它将根据需要更新相应的文本节点或属性值 正常的一部分


您是否尝试过使用
contenteditable=“{{disabledoneButton}}”
?不,我没有尝试,这一个正在工作。只是尝试了这个。“你能告诉我这背后的原因吗?”ganeshk补充道,这是一个完美的答案……非常感谢@斯坦尼斯拉夫。。谢谢你救了我一天。@ganeshk很高兴它帮助了你。那么你可以接受答案了。嗨,我对此有疑问。如何在那里再添加一个条件,如-contenteditable=“{{disabledonebutton}}&&somethingelse”,这不是working@ganeshk为什么不使用这样的表达式
{{disabledonebutton&&somethingelse}
 var contentEditable = [function () {
        return {
            restrict: 'A',
            require: '?ngModel',
            link: function(scope, element, attrs, ngModel) {
                if (!ngModel) {
                     return;
                } 
                ngModel.$render = function() {
                    element.html(ngModel.$viewValue || '');
                };

            ngModel.$render();

            // Listen for change events to enable binding
            element.bind('blur keypress keyup change', function() {
                scope.$apply(read);
            });
            // Write data to the model
            function read() {
                ngModel.$setViewValue(element.html());
            }
        }
    };
    }];
contenteditable="{{disabledoneButton}}"