訪問控制器函數內部的元素內部html和屬性值

Question

HTML內容為，

<div ng-controller="logCtrl">
  <ul>
    <li ng-click="logMe" someAttr="hello ricky">hello martin</li>
  </ul>
</div>

JavaScript內容為，

var app = angular.module('app',  []);
app.controller('logCtrl',  function ($scope, $element) {
  $scope.logMe = function(){
    console.log("html content is " + /*---- how can i print $element's inner html text here --- */)
    console.log("attribute value is " + /*---- how can i read the li element's someAttr value here --- */)
  }
})

這必須在控制台中打印此消息（當用戶單擊鼠標時），

html content is hello martin
attribute value is hello ricky

Answer 1

這樣嘗試

的HTML

 <li ng-click="logMe($event)" someAttr="hello ricky">hello martin</li>

控制者

$scope.logMe = function(e){
    var value=e.target.attributes.someAttr.value;
}