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

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

angularjs

如何通过angularjs动态设置html id标签？,angularjs,Angularjs,我知道我可以像那样设置HTMLSRC标记。但是如何设置像这样的id标签呢？我试过，但没有成功。它对我有效 <!DOCTYPE html> <html ng-app="plunker"> <head> <meta charset="utf-8" /> <title>AngularJS Plunker</title> <script>document.write('<base h

我知道我可以像

那样设置HTMLSRC标记。但是如何设置像

这样的id标签呢？我试过

，但没有成功。

它对我有效

<!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';
});


安古拉斯普朗克
文件。写（“”）；
你好{{name}}
杰因什
var app=angular.module（'plunker'，[]）；
应用程序控制器（'MainCtrl'，函数（$scope）{
$scope.name='World'；
});

这里是工作区K=>

在span上检查developer工具中的元素，您将在那里得到更新的id。

正如@karaxuna所说，以下应该可以工作

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

或者使用

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

基本上，您不应该更改元素的Id。它是在那里识别元素并得到它并操作它。同意@ jjyRabdiyA，但是<代码> ID =“SooSid ID：{{Pist.Id}}”<代码>应该正确地设置ID。代码>你不应该改变ID的< /代码>考虑使用<代码>数据-*/COD>属性，对于这种情况，Sya同意@ Kalasuna。