内联脚本标记中的AngularJS字符串

时间:2016-03-01 14:59:10

标签: javascript angularjs

我正在尝试使用ng-repeat循环将字符串放在内联脚本标记中,但它不起作用。这是标记:

<div ng-repeat="advert in adverts" class="col-lg-5 col-sm-12" >
  <div style="height:250px;" >
    <div id='{{ advert.slot }}' class="" style='height:250px; width:300px;'>
      <script type='text/javascript'>
        googletag.cmd.push(function() { googletag.display('{{ advert.slot }}'); });
      </script>
    </div>
  </div>
</div>

这就是{{ advert.slot }}在我的控制器中引用的内容:

$scope.adverts = [
  {slot: 'div-gpt-ad-1456171715291-0'},
  {slot: 'div-gpt-ad-1456171148740-0'},
  {slot: 'div-gpt-ad-1456171224228-0'},
  {slot: 'div-gpt-ad-1456171473386-0'},
  {slot: 'div-gpt-ad-1456171316677-0'},
  {slot: 'div-gpt-ad-1456171401296-0'}
];

它适用于id槽中的第一个引用,但是当我检查脚本上的元素时,它不会在内联字符串中填充它。

1 个答案:

答案 0 :(得分:0)

你应该使用ng-init来实现这个

<dependency>
    <groupId>org.hibernate</groupId>
    <artifactId>hibernate-entitymanager</artifactId>
    <version>4.3.11.Final</version>
</dependency>

在您的控制器中:

<div ng-repeat="advert in adverts" class="col-lg-5 col-sm-12" >
  <div style="height:250px;" >
    <div id='{{ advert.slot }}' class="" style='height:250px; width:300px;' ng-init="someFunction(advert)">

    </div>
  </div>
</div>