Question

我知道我可以像<img ng-src="{{phone.imageUrl}}">那样设置html src标签。但是如何设置<span id="sourceId::{{post.id}}" class="count"></span>之类的ID标记呢？我试过了<span id="{{ 'sourceId::'post.id }}" class="count"></span>，但它没有用。

Answer 1

它对我有用。

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.13/angular.js" data-semver="1.3.13"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">
    <p>Hello {{name}}!</p>
    <span id="{{name}}" class="count">Jeinsh</span>
  </body>

</html>

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});

这是工作plunk =＆gt; link

在span上检查开发人员工具中的元素，您将在那里获得更新的ID。

Answer 2

正如@karaxuna所说，以下应该有效

id="sourceId::{{post.id}}"

或者使用{{}}

在+内进行字符串连接

id="{{'sourceId::' + post.id}}"

如何通过angularjs动态设置html id标签？

2 个答案: