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}}"