ng-repeatちょうどいい仕事

Question

 <div ng-init="offers = [ 
        {state:'Zabiorę', from:'Warszawa', to:'Wrocław', date:'30/04/16', size:'S:8 M:4 L:2 XL:0'}, 
        {state:'Wyśle', from:'Wrocław', to:'Warszawa', date:'31/04/16', size:'S:0 M:1 L:0 XL:0'}]"> 

     <div ng-repeat="offer in offers"> 
      <hr class="featurette-divider"> 
      <div class="announcement row"> 
       <div class="col-md-1"><strong>{{offer.state}}</strong></div> 
       <div class="col-md-2"> 
        <img class="img-circle" 
         src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" 
         alt="Generic placeholder image" width="70" height="70"> 
       </div> 
       <div class="col-md-1">{{offer.from}}</div> 
       <div class="col-md-1"><span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span></div> 
       <div class="col-md-1">{{offer.to}}</div> 
       <div class="col-md-2">{{offer.date}}</div> 
       <div class="col-md-2">{{offer.size}}</div> 
       <div class="col-md-2"> 
        <button type="button" class="btn btn-primary">Szczegóły</button> 
       </div> 
      </div> 
     </div> 

    </div> // </div ng-cloak> 

こんにちは、私のjhipsterプロジェクトにいくつかのコードを書いただけで、私は自分のプロジェクトテンプレートの1つに書いています。 jsfiddle.net上で動作します。

@edit

コード全体、コントローラおよび状態：

- http://pastebin.com/2tkvbiwG - template.html 
- http://pastebin.com/kV4E7x0G - state.js 
- http://pastebin.com/XF5rBmK7 - controller.js 

Answer 1

あなたのコードはうまく動作するはずです。 https://plnkr.co/edit/JLIQJQoEM9q4iAztY7KQ?p=preview

EDIT

controller.jsであなたのようなUI-ルータを定義する必要があります：あなたはangular.jsが含まれていることを、あなたはあなたのng-appここで

ng-controllerが定義されていることを確認してくださいはplunkerですこの。

angular 
     .module('deliveritApp', ['ui.router']) 
     .controller('SearchOfferController', SearchOfferController); 

また、あなたのfunction SearchControllerfunction SearchOfferControllerに名前を付けます。

angular 
     .module('deliveritApp') 
     .config(['$stateProvider', stateConfig])