kenza kenza - 3 months ago 28
AngularJS Question

append a html include ng-click in angularjs

i have this code in mycontroller i will add this

html()
to my html, all it right just ng-click dos not work ! have you an ideas why ng-click dos not work

var html='<div ng-click="selectedValue('+Value+')">Value</div>' ;
$('#myDiv').html(html);

$scope.selectedValue = function(value){
$scope.val =value;

};


i have to slect the value displayed in the div by using ng-click function selectedValue

Answer

use this code:

See pluker

Controller:

var html='<div ng-click="selectedValue(value)">Value</div>',
    el = document.getElementById('myID');

$scope.value='mk';

angular.element(el).append( $compile(html)($scope) )

$scope.selectedValue = function (value) {
    $scope.val = value;
    console.log($scope.val)
};

Html:

<body ng-controller="MainCtrl">
    <div id="myID"></div>
</body>
Comments