Question

我的视图中有一个ng-repeat，我希望将该对象从ng-repeat传递给javascript函数，但当我尝试在控制台上显示它时，它会给我{ {1}}。

这是我的HTML：

undefined

这是我的js文件，它返回undefined：

<!-- Panel -->
<div class="row">
  <div class="col-lg-12">
    <div class="panel panel-primary">
      <div class="panel-heading">
        {{card}}
      </div>
      <!-- /.panel-heading -->
      <div class="panel-body">


        <div id="nvd3-container" class="md-card" style="overflow-x: auto" ng-if="dataloaded0">

          <md-card-content id="nvd3-scrollable-content"  style="width: {{width}}px; height: 350px;">
            <md-tabs md-dynamic-height="" md-border-bottom="">
              <md-tab ng-repeat="pu in selectedKpi" label="{{pu.dprdProuNr}}">

                <md-content class="md-padding">
                  <div class="row">
                    <div class="col-md-6">
                      {{pu.item1}}
                      {{pu.item2}}
                    </div>
                  </div>
                </md-content>
              </md-tab>
            </md-tabs>
          </md-card-content>
        </div>
      </div>
      <!-- /.panel-body -->
      <a href="" ng-click="footerLinkClicked(pu)">
        <div class="panel-footer">
          <span class="pull-left">Trend</span>
          <span
                                        class="pull-right">
            <i class="fa fa-arrow-circle-right"></i>
          </span>
          <div class="clearfix"></div>
        </div>
      </a>
    </div>
  </div>
</div>

<!-- /.panel -->

你知道为什么吗？我还需要在我的js文件中定义它吗？

Answer 1

如在AngularMaterial的docs中找到的那样，您只能使用md-on-select

来实现您想要做的事情

<强>属性

参数类型说明

标签字符串可选属性，用于将简单字符串指定为选项卡标签
ng-disabled 布尔值如果存在且表达式评估为truthy，则禁用选项卡选择。
md-on-deselect 表达式取消选中选项卡后要评估的表达式。
md-on-select 表达式选择选项卡后要评估的表达式。
md-active 布尔值如果为true，则设置活动选项卡。注意：一次只能有一个活动标签。

注意：此事件与ng-click略有不同，因为如果已选中并单击选项卡，则不会触发事件。

Answer 2

您对footerLinkClicked()的来电无法知道要使用哪个pu，除非您告诉它使用哪个ng-repeat。而且由于它不在您的md-tabs之内，因此没有那么容易的方法。

md-selected有一个名为selectedKpi的属性，允许您将当前选定的索引存储在变量中。因此，假设<md-tabs md-dynamic-height="" md-border-bottom="" md-selected="selectedTab">是一个数组（或类似于数组），您可以这样做：

<a href="" ng-click="footerLinkClicked(selectedKpi[selectedTab])">

和此：

{{1}}

你应该全力以赴。

将html值传递给javascript函数

2 个答案: