功能角度JS

Question

嵌套不工作当我使用以下命令：

$scope.test = function() { 
     this.batchId = false; 
     this.batchToggle = true; 
    } 

批次ID工程和NG-显示和鼠标悬停事件发生和作品。 $ scope.test函数显示每个批处理ID上的upload.view。

但是，当我使用这个：

$scope.searchFeature = { 
    showSearch: false, 
      addBatchButton: true, 
      test:function() { 
       // alert(this);  
       this.batchId = false; 
       this.batchToggle = true; 
      } 

showSearch.test()不起作用。并且不显示批次标识上传/查看悬停为什么？

See plunker code.

Answer 1

其工作。检查this plunker

你需要改变通话ng-mouseover="searchFeature.test()"

的功能测试（）的searchFeature对象内部定义，您需要使用searchFeature访问它。

它的JavaScript和工作无关与角度的方式......

编辑

结帐updated plunker，它的工作..我不得不做一些修改是...让我知道，如果其工作如期

Answer 2

试试这个。希望这是你的功能之后：

<td data-title="'ID'" ng-mouseover="test(batch)" ng-mouseleave="testLeave(batch)"> 
      <div ng-show="batch.showId">{{batch.id}}</div> 
      <div ng-show="batch.toggle"> 
      <a>Upload</a> <a ng-href="/batches/{{batch.id}}">View</a> 
      </div> 
     </td> 

    $scope.test = function (batch) { 
     batch.showId = false; 
     batch.toggle = true; 
    } 

    $scope.testLeave = function (batch) { 
     batch.showId = true; 
     batch.toggle = false; 
    } 


$scope.batches = [ 
     {id: "2014BATCH50", status: "QC in Progress. Illumina: 24/50", date: "10/24/14", qlty: "check", illumina: "none, raw, modified, modified", FX: "modified", showId: true, toggle: false}, 
     {id: "2014BATCH49", status: "Pre-Extraction", date: "10/24/14", qlty: "check", illumina: "none, raw, modified, modified", FX: "modified", showId: true, toggle: false} 

    ]; 

我减少了批次的数量只是为了提高速度。分配一个showId和toggle属性到每个批次并直接对它们进行处理。您可以折叠此为$ scope.searchFeature结构也一样，如果你喜欢：

$scope.searchFeature = { 
     showSearch: false, 
     addBatchButton: true, 
     test:function(batch) {  
      batch.showId = false; 
      batch.toggle = true; 
     } 
    }