2015-05-24 63 views
0

大約2天前我開始使用角度。我仍然圍繞着如何做很多事情。目前,我正在嘗試提供一個工具提示,其中包含有關點擊「標記」的信息。我定義了一個「標籤」作爲<span>元素與ng-toolkit像這樣:在angularjs上獲取單擊元素的值

<div id="list-of-words" ng-controller="inlineEditorController" ng-click="hideTooltip()"> 
    <!-- This is the tooltip. It is shown only when the showtooltip variable is truthful --> 
    <div id="tooltip" class="tooltip" ng-click="$event.stopPropagation()" ng-show="showtooltip"> 
     <input type="text" ng-model="value" /> 
    </div> 
    <div ng-repeat="w in words"> 
     <span class="tag" ng-click="toggleTooltip($event)">{{w.content}}</span> 
    </div> 
    </div> 

我控制器這樣:

var app = angular.module('myApp', []); 

app.controller('inlineEditorController', ['$scope', function($scope){ 
    $scope.inlineEditor = function(){ 
     $scope.showtooltip = false; 
     $scope.value = 'Edit me.'; 

     $scope.hideTooltip = function(){ 
      $scope.showtooltip = false; 
     } 

     $scope.toggleTooltip = function(e){ 
      e.stopPropagation(); 
      $scope.showtooltip = !$scope.showtooltip; 
     } 
    }; 
})]); 

什麼,我試圖做的是改變「編輯我「。顯示從{{w.content}}的內容,但我不知道如何做到這一點。我迄今爲止嘗試過的所有東西都失敗了。

回答

0

爲了獲得項目的內容,你可以使用:

 <span class="tag" ng-click="toggleTooltip($event,w.content)">{{w.content}}</span> 

因此,控制器應該是:

$scope.toggleTooltip = function(e,content){ 
      e.stopPropagation(); 
      $scope.showtooltip = !$scope.showtooltip; 
      $scope.value = content; 
    } 
0

您可以使用$event.currentTarget得到的元素。即您的控制器中的e.currentTarget