Estoy intentando añadir un enlace que luego tiene que tener un ng-click en el interior (añadir o quitar cierta funcionalidad)
var enlace = '<a class="subEmpleado" ng-click="removeEmployee(user)"><i class="fa fa-minus-square"></i></a>';
var html = $("<p class='employed'>"+user.nombre+" "+user.apellidos+" "+enlace+ "</p>");
$('#anadidos').append(html);
var link_scope = angular.element(html).scope();
compile(html)(link_scope);
Los elementos se añaden correctamente al DOM, sin embargo no entra en la función removeEmployeeUser
, parece que angular no está reconociendo el/los elemento/s que añado dinamicamente.
Extiendo el contenido:
(function () {
'use strict';
var app = angular.module("MyApp", ["ngTable"]);
app.controller('MyCtrl', function ($scope, $log, NgTableParams) {
var self = this;
var data = <?php echo $empleados; ?>;
self.tableParams = new NgTableParams({count: 10}, {counts: [10, 25, 50, 100], dataset: data});
$scope.count = 0;
$scope.addEmployee = function(user){
$scope.count++;
var enlace = '<a class="subEmpleado" ng-click="removeEmployee(user)"><i class="fa fa-minus-square"></i></a>';
var html = $("<p class='employed'>"+user.nombre+" "+user.apellidos+" "+enlace+ "</p>");
$('#anadidos').append(html);
var link_scope = angular.element(html).scope();
compile(html)(link_scope);
$("#frm_empleados").append("<input type='hidden' name='idempleado[]' value='" + user.idEmpleado + "'/> ");
};
$scope.removeEmployee = function(user){
//$scope.count--;
$scope.count = 'user';
};
});
compile
. O lo tienes global?