Угловой. функция вызова в директиве от html

Question

Я пытаюсь сделать директиву. так что я могу использовать его в моем HTML-страницу как на картинке ниже фрагменте кода:

<testview></testview> 

сейчас единственное, что собирается сделать, это делают ссылку как

<a><span ng-onmousedown='onSelected(\"creame\",event)'>{{value}}</span></a> 

И когда я нажимаю на пролете , я хочу, чтобы директива изменила значение $ scope.value, вызвав функцию onSelected. но я не могу назвать это.

Полный пример кода

function testView() { 

    $scope.value = 
    { 
     name: "dummy" 
    } 

    testHtml += "<a><span ng-onmousedown='onSelected(\"creame\",event)' >" + $scope.value.name + "</span></a>"; 
    return { 
     restrict: 'AE', 
     replace: 'true', 
     template: testHtml, 
    }; 
} 
app.directive('testview', testView); 

function onSelected(input) 
{ 
    $scope.value.name = input; 
} 

Кто-нибудь знает, как я могу это сделать? спасибо за ваше время

Answer 1

Попробуйте

function testView() { 

testHtml += "<a><span ng-onmousedown='onSelected(\"creame\")' >{{value.name }}</span></a>"; 
    return { 
     restrict: 'AE', 
     replace: 'true', 
     template: testHtml, 
    }; 
} 
app.directive('testview', testView); 
app.controller('CampaignsOverviewController', Controller); 

function Controller ($scope) { 
    $scope.onSelected = onSelected; 
    $scope.value = 
     { 
      name: "dummy" 
     } 
    function onSelected(input) 
     { 
     $scope.value.name = input; 
     } 

} 

Answer 2

Я думаю, что вам нужно compile шаблон перед директивой ngOnMouseDown может быть выполнена.