有角度的。 從html指令中調用函數

Question

我正在嘗試發出指令。 這樣我就可以在我的html頁面中使用它，如下所示：

<testview></testview>

現在唯一要做的就是渲染一個像

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

當我單擊范圍時，我希望指令通過調用onSelected函數來更改$ scope.value。 但是我不能這樣稱呼。

完整代碼示例

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

我認為您需要先編譯模板，然后才能執行ngOnMouseDown指令。