为什么我的ng-repeat无法正常运作?

盖瑞特

我很想做一个ng-repeat,它将检索卡片标题并将它们放入列表中。这是我的代码中调用内容的部分:

<ion-content class="has-header" scroll="false" ng-controller="MainCtrl">
    <div id="accordian">
      <ul>
        <li>
          <h3><span class="icon-dashboard" ng-repeat="card in cards"></span>Group 1</h3>
          <ul>
            <li><a href="#">{{ card.title }}</a></li>
          </ul>
        </li>

这是控制器:

    .controller('MainCtrl', function($scope,$http) {

// Card Array
$scope.data = {};
$scope.cards =[
{checked: false, title:'Bank', src:'img/bank.png',details:'Description will go here!'},
{checked: false, title:'BBVA', src:'img/bbva.png',details:'Description will go here!'},
{checked: false, title:'Nike', src:'img/nike.png',details:'Description will go here!'},
];
约瑟夫

您当前的代码将重复span标记每个card你有里面cards我不认为这是您打算要做的。您可能想重复li,对吗?尝试以下方法:

    <li ng-repeat="card in cards">
      <h3><span class="icon-dashboard"></span>Group 1</h3>
      <ul>
        <li><a href="#">{{ card.title }}</a></li>
      </ul>
    </li>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

我的ng-repeat无法正常运作

来自分类Dev

为什么我的嵌套ng-repeat无法正常工作

来自分类Dev

我的功能无法正常运作

来自分类Dev

我的'if'陈述无法正常运作

来自分类Dev

为什么这个Promise无法正常运作?

来自分类Dev

ng-src无法正常运作,但src运作良好

来自分类Dev

ng-src无法正常运作,但src运作良好

来自分类Dev

无法让ng-show正常运作

来自分类Dev

我的Django if陈述式无法正常运作

来自分类Dev

我的Javascript程式无法正常运作

来自分类Dev

为什么ng-repeat无法正常工作?

来自分类Dev

为什么ng-repeat无法正常工作?

来自分类Dev

为什么grunt-contrib-watch livereload无法正常运作?

来自分类Dev

为什么这个Z-index无法正常运作?

来自分类Dev

为什么这个Z-index无法正常运作?

来自分类Dev

为什么我的vfl无法运作?

来自分类Dev

为什么我的倒数功能无法运作?

来自分类Dev

为什么我的JavaScript无法运作?

来自分类Dev

我的Ansible广告空间中的群组无法正常运作

来自分类Dev

django频道无法正常运作我已阅读文件

来自分类Dev

为什么我的ng-repeat不显示提取的数据?

来自分类Dev

尽管使用了最新的angularJS版本,为什么ng-repeat-start无法正常工作?

来自分类Dev

为什么我的蛮力MD5骇客无法运作?

来自分类Dev

Mongoid多对多关系无法正常运作,我的模型出了什么问题?

来自分类Dev

为什么我选择的ng-model无法反映我选择的ng-option?

来自分类Dev

我的嵌套ng-repeat无法正常工作

来自分类Dev

AngularJs ng-repeat无法正常工作

来自分类Dev

角度ng-repeat无法正常工作

来自分类Dev

ng-repeat无法正常工作