在 cshtml 中的迭代表上设置 ng-bind-html答案

【问题标题】：setting ng-bind-html on an iterating table in cshtml在 cshtml 中的迭代表上设置 ng-bind-html
【发布时间】：2016-11-21 23:21:52
【问题描述】：

我正在设置 ng-init

 <td ng-init="myInit='myInit='@deal.OriginText')'">

基于下面的 foreach 语句

@foreach (var deal in @Model.Deals.Take(Model.NumberOfFaresToDisplay ?? 6))

在我的 html 中，一切看起来都很好。

@deal.OriginText // returns the city && correct for each td

在我的 javascript 中，我将 myInit 设置为范围键值对

 var currentFlight = scope.myInit; //exists inside of a ng-click function

CurrentFlight 已开启

scope.openPriceChart = function (index) {
    currentFlight //always the value of last ng-init on td from foreach
 }

不知道如何获得正确的。任何见解将不胜感激。

【问题讨论】：

【解决方案1】：

虽然您的代码没有任何问题，但当前设置会覆盖 myInit 值，因此您始终会看到最后一组。试试这个选项

这里使用数据属性获取值集

<td data-myvalue = '@deal.OriginText' ng-click="DoSomething($event)">@deal.OriginText</td>

脚本更新

 $scope.DoSomething= function(abc){
   console.log(abc.originalTarget.dataset.myvalue);
 }

据我了解，您正在尝试获取在 td 元素上设置的 @deal.OriginText 的值。另一种/更好的方法是直接传递 DoSomething('@deal.OriginText') 而不是 $event 。如果这不是您想要的，请告诉我们..

【讨论】：