Как отправить в функцию значение элемента?

Question

[jenya7771]

Хочу сделать при нажатии редактирование элемента, всё работает но как отправить новое значение элемента?

<b ng-blur="edit(info.id, info.bonus, 'config');" contenteditable>{{info.bonus}}</b>

Answer 1

[Дмитрий Лузанов]

Тык

Бонус

Comments

[jenya7771]

Попытался сделать, и новая проблема Uncaught TypeError: myApp.module is not a function
at services.js:33

[Дмитрий Лузанов]

jenya7771: ну так надо же не ctrl+c ctrl+v а подставить свой модуль к директиве

[Дмитрий Лузанов]

jenya7771: покажите как вы сделали

[jenya7771]

angular-sanitize.js тоже подключил, html из примера

myApp.module('customControl', ['ngSanitize']).
  directive('contenteditable', ['$sce', function($sce) {
    return {
      restrict: 'A', // only activate on element attribute
      require: '?ngModel', // get a hold of NgModelController
      link: function(scope, element, attrs, ngModel) {
        if (!ngModel) return; // do nothing if no ng-model

        // Specify how UI should be updated
        ngModel.$render = function() {
          element.html($sce.getTrustedHtml(ngModel.$viewValue || ''));
        };

        // Listen for change events to enable binding
        element.on('blur keyup change', function() {
          scope.$evalAsync(read);
        });
        read(); // initialize

        // Write data to the model
        function read() {
          var html = element.html();
          // When we clear the content editable the browser leaves a <br> behind
          // If strip-br attribute is provided then we strip this out
          if (attrs.stripBr && html === '<br>') {
            html = '';
          }
          ngModel.$setViewValue(html);
        }
      }
    };
  }]);

[Дмитрий Лузанов]

jenya7771: myApp замените на модуль вашего приложения

[Дмитрий Лузанов]

jenya7771: и в зависимостях добавить customControl

[jenya7771]

Predve4niy: myApp это моё приложение. Можно подробнее, в каких зависимостях?

[Дмитрий Лузанов]

var myApp = angular.module('myApp', [/* тут ваши зависимости */, 'customControl'])

[jenya7771]

Predve4niy: Всё сделал, спасибо, моя ошибка была.

Answer 2

[Рустамка Воронцов]

ng-model

Comments

[jenya7771]

Может я так не делаю, но в консоль мне выводит undefined

<b ng-model="bonusnew" ng-blur="edit(info.id, info.bonus, bonusnew, 'bonus_manager');" contenteditable>{{info.bonus}}</b>

[Рустамка Воронцов]

$scope.edit = (id, bonus, new, manager) => {
    console.log(id, bonus, new, manager);
}

[jenya7771]

Рустамка Воронцов: Точто такой же ответ "9 0 undefined bonus_manager"

[Рустамка Воронцов]

n@jenya7771: new там же нельзя вроде сувать, назови по другому

[Рустамка Воронцов]

<!--html-->
<b ng-blur="edit(info.id, info.bonus, 'config');" contenteditable>{{info.bonus}}</b>

//js
$scope.edit = (id, bonus, config) => {
    console.log(id, bonus, config);
    $scope.info.bonus = bonus;
    $scope.$apply();
}

[jenya7771]

Рустамка Воронцов: Я так и сделал

[jenya7771]

Рустамка Воронцов: Куча ошибок лезет(

[Рустамка Воронцов]

jenya7771: вы представление имеете что хотите сделать? или просто пытаетесь запихнуть круглое в квадратное?

[jenya7771]

Рустамка Воронцов: Конечно представляю.