kod html:
<body ng-controller="mainCtrl">
<table cellpadding="2" border="1" cellspacing="0">
<thead>
<th>Name</th>
<th>Age</th>
<th>node show</th>
</thead>
<tbody>
<tr ng-repeat="d in datas">
<td>{{d.name}}</td>
<td>{{d.age}}</td>
<td style="width: 500px;"><node-marquee></node-marquee></td>
</tr>
</tbody>
</table>
</body>js:
app.controller("mainCtrl",['$scope',function($scope){
$scope.datas=[{"name":"tom","age":22},{"name":"mary","age":36},{"name":"john","age":63}];
}]);
arahan js:
app.directive('nodeMarquee', function($interval) {
return {
restrict : 'E',
scope:{
},
replace:true,
templateUrl: 'marquee.html',
link : function(scope, element, attrs){
};
});marquee.html
<marquee bgcolor="azure" behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()" style="font-size:30px;font-weight: bolder;" >
<p ng-repeat="i in [4,5,6]">
{{i}}
</p>
</marquee>Kesan semasa adalah seperti ini: bukan satu baris. Cara untuk menjadikannya satu baris, supaya ia memaparkan: 4<5<6, dan apabila tetikus bergerak ke 4, penatalan berhenti dan kotak gesaan muncul untuk memaparkan 4. Apabila tetikus pergi, penanda terus paparan. Sama untuk 5 dan 6
Saya tidak tahu banyak tentang bahagian hadapan, tolong bantu! !
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Gunakan rentang
Halaman hadapan pun tidak faham apa yang anda ingin tanyakan
<p ng-repeat="i in [4,5,6]">{{i}}</p>Dalam perenggan ini, ng-repeat mengulangi elemen semasa Selepas dijalankan, ia adalah<p>4</p><p>5</p><p>6</p>, jadi mereka tidak berada pada baris yang sama. Cuba tukar kepada span,<span ng-repeat="i in [4,5,6]">{{i}}</span>.Cari artis untuk melaraskan gaya