我有這個可編輯字段。看起來像這樣以角度向{{}}添加佔位符
<editable model="option.title">{{option.title}}</editable>
我曾嘗試在{{}}
標記中添加佔位符。因爲目前它只顯示用於編輯文本區域的圖標。
<editable model="option.title">{{option.title | 'Placeholder here'}}</editable>
這不工作,所以顯然它不正確,有沒有任何方法添加佔位符?
我曾使用ng-init
但我只能使用一個,問題是我有多個{{}}標籤。
繼承人的編輯指令
App.directive('editable', function() {
return {
restrict: 'E',
scope: {model: '='},
replace: false,
template:
'<span>'+
'<input type="text" class="form-control" ng-model="model" style="width: 100%; font-size: 18px" ng-show="edit" ng-enter="edit=false"></input>'+
'<span ng-show="!edit">{{model}} <i class="fa fa-pencil" style="font-size:20px;"></i></span>'+
'</span>',
link: function(scope, element, attrs) {
scope.edit = false;
element.bind('click', function() {
scope.$apply(scope.edit = true);
element.find('input').focus();
});
}
};
});
使用{{option.title || 'Placeholder here'}}而不是{{option.title | 'Placeholder here'}} –