Используя x-editable dependency, я хотел бы сделать другой элемент редактируемым, когда я нажимаю на базовый элемент изображения.Используйте x-editable для создания другого элемента, редактируемого по щелчку
<h4>Angular-xeditable Text (Bootstrap 3)</h4>
<div ng-app="app" ng-controller="Ctrl">
<h3 class="m-t-lg m-b-sm inline-block" id="line{{lineId}}" editable-text="headingLineContent.someText">{{ headingLineContent }}</h3><br>
<a href="" class="disabled"><i class="fa fa-pencil pencil m-l-sm" ng-click="">{{ myImage }}</i></a>
</div>
Вот JS:
var app = angular.module("app", ["xeditable"]);
app.run(function(editableOptions) {
editableOptions.theme = 'bs3';
});
app.controller('Ctrl', function($scope) {
$scope.headingLineContent = 'Some Text';
$scope.myImage = 'MyImage.jpg';
});
А вот скрипка: http://jsfiddle.net/emporio/h1zsw5nu/4/
Так в основном, когда я нажимаю основной элемент, приведенный выше текст должен стать доступным для редактирования.