如何创建指令模块名称的隔离范围?
How do I create an isolate scope of the directive's module name?
我有一个名为 contenteditable
的指令和一个名为 post: "&"
的独立范围
问题:
如何用默认的 contenteditable 指令替换名为 Post 的独立作用域。
angular.module('t23App').
directive("contenteditable", function() {
return {
restrict: "A",
require: "ngModel",
scope: {
post: "&"
},
link: function(scope, element, attrs, ngModel) {
console.log(contenteditable)
function read() {
ngModel.$setViewValue(element.html());
}
ngModel.$render = function() {
element.html(ngModel.$viewValue || "");
};
element.bind("blur keyup change", function() {
scope.$apply(read);
});
}
};
});
因此:
当前的样子
<div contenteditable post="dosomething()"> Click this</div>
最后 html 看起来像:
<div contenteditable="dosomething()"> Click this</div>
将指令的名称放入范围内:
scope: {
contenteditable: "&"
}
我有一个名为 contenteditable
的指令和一个名为 post: "&"
问题:
如何用默认的 contenteditable 指令替换名为 Post 的独立作用域。
angular.module('t23App').
directive("contenteditable", function() {
return {
restrict: "A",
require: "ngModel",
scope: {
post: "&"
},
link: function(scope, element, attrs, ngModel) {
console.log(contenteditable)
function read() {
ngModel.$setViewValue(element.html());
}
ngModel.$render = function() {
element.html(ngModel.$viewValue || "");
};
element.bind("blur keyup change", function() {
scope.$apply(read);
});
}
};
});
因此: 当前的样子
<div contenteditable post="dosomething()"> Click this</div>
最后 html 看起来像:
<div contenteditable="dosomething()"> Click this</div>
将指令的名称放入范围内:
scope: {
contenteditable: "&"
}