Angular: ng-click in a directive
ng-click doesn't work within a directive
HTML
<div ng-controller="FormCtrl">
<questions value="survey.questions" on-edit="editQuestion(question)"></questions>
</div>
JavaScript
var app = angular.module('myApp', []);
function FormCtrl ($scope) {
$scope.editQuestion = function (question) {
console.log(question);
alert('abc');
};
$scope.survey = {
questions: [
{
"_id": "518cd719cd245daf2500002e",
"choices": [
{
"questions": [],
"range": "",
"name": "asd"
},
{
"questions": [],
"range": "",
"name": "asdad"
},
{
"questions": [
{
"type": "multiple select",
"inputType": null,
"choices": [
{
"questions": [],
"range": "",
"name": "asdas"
},
{
"questions": [],
"range": "",
"name": "sadasd"
},
{
"questions": [],
"range": "",
"name": "asdas"
}
],
"help": "",
"options": {
"picture": false,
"aliasName": "",
"required": false
},
"name": "asdas"
}
],
"range": "",
"name": "adasd"
}
],
"name": "asd",
"type": "multiple select",
"options": {
"required": false,
"picture": false,
"aliasName": ""
},
"help": "",
"inputType": null
},
{
"type": "multiple select",
"choices": [
...