如何将ng-repeat指令中的对象模型绑定到单个kendo-window弹出窗口

时间:2013-10-11 01:39:29

标签: angularjs model kendo-ui bind

HTML

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>DOB</th>
    </tr>
  </thead>
 <tbody>
    <tr ng-repeat="member in model.Members" ng-dblclick="Member(member)">
       <td>{{member.Name}}</td>
       <td>{{member.DOB | date:'yyyy-MM-dd'}}</td>
    </tr>
 </tbody>
</table>
<div kendo-window="*dialog*" k-title="'Member Profile'" k-visible="false" k-modal="true" k-width="700" k-height="410" k-resizable="false">
    <ng-familymember controller="familycontroller"></ng-familymember>
</div>

控制器:

function fooController($scope) {
  $scope.Member = function (familyMember) {
     $scope.*dialog*.center().open();
  }
}

问题: 我有一个在ng-repeat指令中使用的对象集合(即model.Members),我希望能够双击一行并将对象模型绑定到一个kendo-window(弹出窗口)。在我的控制器内部,我将模型传递给控制器​​中的一个函数(即Member()),但我不确定如何将此模型传递/绑定到kendo-window?我可以简单地在ng-repeat中移动kendo-window html并使用ng-model指令,但这会重复kendo-window html(n)次,我不希望这样。

任何建议? 我已经尝试将成员对象绑定到$ scope变量。 (即$ scope.familyMember = familyMember;)。因为Prototypal Inheritance的工作方式我实际上是在创建familyMember对象的副本并在kendow-window弹出窗口中使用它。

您应该知道我还在成员对象的控制器中设置$ watch,以通知页面上其他指令在kendo窗口内所做的更改。

任何帮助都会受到赞赏......我现在有点失落......

0 个答案:

没有答案