вызов функции pass значение div как параметр

Question

Мне нужно вызвать функцию из моей html-страницы, а затем использовать содержимое div в качестве параметра.

Угловая Код (.js файл)

$scope.foo = function(url) { 
    console.log(url); 
    }; 

.html файл

<span ng-click="foo(t.ticketId)"> 
    <div> 
    ThisIsTheOutput 
    </div> 
</span> 

, что я получаю в настоящее время не определен. Помоги пожалуйста!!

Answer 1

angular.module('myapp', []).controller('bar', function($scope) { 
 

 
    $scope.t = { 
 
    ticketId : "This is the output" 
 
    }; 
 

 
    $scope.foo = function(url) { 
 
    console.log(url); 
 
    }; 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<style type="text/css"> 
 
\t .hand{ 
 
\t \t cursor: hand; 
 
\t \t cursor: pointer; 
 
\t } 
 
\t </style> 
 

 
<div ng-app="myapp"> 
 
    <div ng-controller="bar"> 
 

 
    <!--your code here--> 
 
    <span ng-click="foo(t.ticketId)" class="hand"> 
 
     <div> 
 
     {{ t.ticketId }} 
 
     </div> 
 
    </span> 
 

 
    </div> 
 
</div>