Question

我是AngularJs的新手。我有一个应用程序，显示表中的记录列表。例如： EmpNo名字 1 AAAA 2 BBBB 3 CCCC 现在我想点击此表中的EmpNo，我应该看到一个弹出窗口（新的Html模板），它应该包含与所选EmployeeNo相关联的所有其他员工记录。

例如：如果有人点击EmpNo：1，pop中的数据应为： EmpNo：1 名称：AAAA 单位：XYZ 经理的名字：LLLL 一个例子会有很大的帮助。提前致谢。以下是我的应用程序的一些示例代码

HTML：

＆＃13;

Configuration

＆＃13;

JavaScript ：适用于应用程序状态

＆＃13;

<a href ui-sref="stateTruckDetails({transferSessionId: x.transferSessionId})">{{x.location}}</a>

＆＃13;

我的弹出窗口需要使用的控制器的JavaScript。

＆＃13;

app.config(function($stateProvider,TRANSFER_COMPONENT_PATH) 
           { 
  $stateProvider
  .state("stateTruckDetails", 
         { url: "/transfers/truckDetails/:transferSessionId", 
          controllerAs: "truckDetailsCtrl", 
          controller: "TruckDetailsController", 
          params: { tansferSessionId: $stateProvider.transferSessionId } 
         }); 
});

＆＃13;

Answer 1

您应首先绑定每一行以调用您必须在控制器中添加的函数，例如openDetails。你的HTML看起来像：

<tr ng-repeat="item in items"><td ng-click="openDetails(item)">Name</td></tr>

在您的控制器中，您必须创建此方法：

$scope.openDetails = function(item) {
//open here popup
}

有几种方法可以从angularjs打开弹出窗口。

1 - 最好的方法是使用bootstrap和angularjs - https://angular-ui.github.io/bootstrap/搜索'Modal'示例

2 - 但还有另一种选择 - http://jsfiddle.net/alexsuch/RLQhh/

3 - 最后也绝望的是在angularjs中使用jquery。

角度Js。单击表格单元格并在弹出窗口中显示单元格详细信息

1 个答案: