爲元素重複賦值

我在angularJS中使用ng-repeat來創建元素。我想申請id來哪一個是重複的元素，在這種情況下li爲元素重複賦值

HTML代碼：

<li id="{{item}}" ng-repeat="item in itmes"></li>

所有的語法和聲明是完美的在我的代碼。但是，上面的代碼不起作用。我想要生成下面的輸出。如果items = ['one', 'two', 'three']

<li id="one" ng-repeat="item in items">...</li> 
<li id="two" ng-repeat="item in items">...</li> 
<li id="three" ng-repeat="item in items">...</li>

是否有可能使用angularJS？

來源

2014-09-25 Ashwin

它應該工作，你面對的問題。 – Chandermani 2014-09-25 09:47:16

嘗試在'li'中添加內容。

'並將'itMEs'更改爲'itEMs' – 2014-09-25 09:53:46

試試這個

<li ng-attr-id="{{item}}" ng-repeat="item in itmes"></li>

編輯

這裏是

HTML

<!DOCTYPE html> 
<html ng-app="app"> 
<head> 
    <title></title> 
    <script data-require="[email protected]*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
</head> 

<body> 
    <h1>Hello Plunker!</h1> 
    <div ng-controller="testCtrl"> 
     <ul> 
      <li ng-attr-id="{{item}}" ng-repeat="item in items">{{ item }}</li> 
     </ul> 
    </div> 
</body> 

</html>

// Code goes here 
(function() { 
    'use strict'; 

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

    app.controller('testCtrl', ['$scope', 
     function ($scope) { 
      $scope.items = ['one', 'two', 'three']; 
     } 
    ]); 

})(); 

and output

enter image description here

和plunker

http://plnkr.co/edit/M6BDcJ2csgBR4C9TNdbz?p=preview

來源

2014-09-25 10:53:36 Shohel

您能解釋爲什麼應該完成或提供一些相關材料？ – 2014-09-25 11:20:31

它工作完美嗎？ – Shohel 2014-09-27 08:30:11

這並沒有解決它。 – 2014-09-29 20:16:00

您在項目中有錯字。

<li id="{{item}}" ng-repeat="item in itmes"></li> 

item in `itmes`

將其更改爲條目並嘗試。

DEMO

來源

2014-09-25 09:48:02

爲元素重複賦值

回答

相關問題