Javascript 需要帮助吗_Javascript_Angularjs

Javascript 需要帮助吗

javascript angularjs

Javascript 需要帮助吗,javascript,angularjs,Javascript,Angularjs,我是个新来的人。我有这行代码 <div class="col-sm-9" ng-controller ="BlogController as blg" ng-repeat.start="detail in blg.details"> <h4><small>RECENT POSTS</small></h4> <hr> <h2>I Love Food</h2> <h5>&l

我是个新来的人。我有这行代码

  <div class="col-sm-9" ng-controller ="BlogController as blg" ng-repeat.start="detail in blg.details">
  <h4><small>RECENT POSTS</small></h4>
  <hr>
  <h2>I Love Food</h2>
  <h5><span class="glyphicon glyphicon-time"></span> Post by Jane Dane, Sep 27, 2015.</h5>
  <h5><span class="label label-danger">Food</span> <span class="label label-primary">Ipsum</span></h5><br>

我想使用ng repeat，将这些标题和所有内容放在一个单独的js文件中。谁能帮我一下吗。谢谢

是您的解决方案

角度应用程序和控制器：

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

myApp.controller('BlogController',function(){
this.details = [
                 {title: 'I Love Food',
                  author: 'Jane Dane',
                  date: 'Sep 27, 2015',
                  categories: [{name:'Food', class: ' label-danger'}, {name:'Ipsum', class: ' label-primary'}],
                  content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.'
                 },
                 {title: 'I Love World',
                  author: 'Jane Dane',
                  date: 'Nov 12, 2015',
                  categories: [{name:'Nature', class: ' label-warning'}, {name:'Ipsum', class: ' label-primary'}],
                  content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.'
                   }
                 ]
});

HTML:

看起来像这样：

完整的解决方案。

没有足够的信息回答您的问题。请提供您想要迭代的示例数据、javascript文件等。。。这里有很好的解释，欢迎光临！我想写一个类似于《我爱食物》的标题，以及《食物和益普生》的日期和类别。比如说，假设在这种情况下有两种，这一种运气如何？是的，你给出的答案是正确的。成功了。不过，我会遇到一个新问题：3在这种情况下，请检查答案是否正确：我很乐意为您解答新问题！

<body ng-app="myApp">
  <div class="col-sm-9" ng-controller="BlogController as blg">
    <h4>
      <small>RECENT POSTS</small>
    </h4>
    <hr />
    <div  ng-repeat="detail in blg.details">
      <h2>{{detail.title}}</h2>
      <p>{{detail.content}}</p>
      <h5>
        <span class="glyphicon glyphicon-time"></span>
        Post by {{detail.author}}, {{detail.date}}.
      </h5>
      <h5>
        <span ng-repeat="category in detail.categories" class="label {{category.class}}">{{category.name}}</span>
      </h5>
      <br />
    </div>
  </div>

</body>