av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

css - angular前端如何讓ng-repeat的內(nèi)容并排一行,跑起來呢?

瀏覽:142日期:2024-03-16 13:09:20

問題描述

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}]; }]);

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()' ><p ng-repeat='i in [4,5,6]'>{{i}} </p></marquee>

現(xiàn)在的效果是這樣的:不是一行的。如何讓其變成一行,這樣顯示:4<5<6,并且當鼠標移動到4上,停止?jié)L動,并且彈出一個提示框顯示4,當 鼠標離開,就繼續(xù)跑馬燈顯示。5和6也一樣css - angular前端如何讓ng-repeat的內(nèi)容并排一行,跑起來呢?

不是很懂前端啊,求幫忙!!

問題解答

回答1:

使用span

回答2:

前端都沒看明白你要問什么

回答3:

<p ng-repeat='i in [4,5,6]'>{{i}}</p> 這段,ng-repeat是重復(fù)當前的元素,運行后是<p>4</p><p>5</p><p>6</p>,所以他們不在同一行。你換成span試試,<span ng-repeat='i in [4,5,6]'>{{i}}</span>。

回答4:

找美工調(diào)樣式唄

標簽: CSS
主站蜘蛛池模板: 浮生影院免费观看中文版 | 成人片网址 | 国产丝袜一区二区三区免费视频 | 国产亚洲精品综合一区 | 国产精品一区二区免费 | 午夜影院官网 | 91免费高清 | 精品国产伦一区二区三区观看体验 | 黄色片网此 | 成年人网站在线观看视频 | 黄视频国产 | 亚洲精品在线视频 | 亚洲二区精品 | 亚洲精品久久久久久首妖 | 久热精品在线播放 | 天天躁日日躁狠狠躁2018小说 | 日韩一级免费观看 | 亚洲国产自产 | 亚洲 自拍 另类 欧美 丝袜 | 91视频国产精品 | 国产成人免费视频网站高清观看视频 | 天天弄天天操 | 一区二区在线不卡 | 日日操操 | 草久在线 | 精品国模一区二区三区欧美 | 亚洲免费三区 | 欧美大片一区 | www.久久久久久久久久久久 | 中文字幕一区二区三区日韩精品 | 日本网站免费在线观看 | 福利视频日韩 | 欧美美乳 | 亚洲第一成年免费网站 | 一区免费观看 | 久久99精品视频 | 亚洲一区二区三区在线 | 青青草在线播放 | 亚洲精品一区二区在线观看 | 亚洲精品视频三区 | 99re99|