リストセルの値をng-repeatでリストに入力するにはどうすればよいですか？

Question

私は、分割されたストリングが格納されている配列を持っています。この分割された文字列のそれぞれをリストの次のli要素に入れるコントローラを作成したいと思います。私はオブジェクトを使ってng-repeatを行う方法を知っていますが、配列セルでどうやってそれを行うのか分かりません。このよう

var app = angular.module("pageApp", []); 
app.controller('populateController', function($scope, $http) { 
    $scope.dat=[]; 
    $http.get('/api').success(function(data) { 
     $scope.dat= data[0]; 
    }); 
    var str = $scope.dat.guide; 
    var res= str.split("~"); 
}) 

new Manual({ 
     name: 'name1', 
     category_name: 'sewing', 
     difficulty_level: 'easy', 
     guide: 'guide1' +'~2. guide2' +'~3. guide3' +'~4. guide4' +'~5. guide5' 
    }), 

Answer 1

まず、$http要求も店非同期であるとして、それは常に空になりますあなたは、配列を作成している方法変数$scopeのsplit()の結果ですので、このようなコードを作成してください。

今

$scope.dat=[]; 
$http.get('/api').success(function(data) { 
    $scope.dat= data[0]; 
    var str = $scope.dat.guide; 
    $scope.guides = str.split("~"); 
}); 

あなたがこれを行うことができ、リストでそれらを表示するために：私はあまりにもないんだけどとして

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

 
function MyCtrl($scope) { 
 
    $scope.guides = ('guide1' + '~2. guide2' + '~3. guide3' + '~4. guide4' + '~5. guide5').split("~") 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp"> 
 
    <div ng-controller="MyCtrl"> 
 
    <ul> 
 
     <li ng-repeat="guide in guides">{{guide}}</li> 
 
    </ul> 
 
    </div> 
 
</div>

Answer 2

：

//controller part 
$scope.test = ['one', 'two', 'three']; 

// html part 
<div> 
    <ul> 
    <li ng-repeat="value in test">{{value}}</li> 
    </ul> 
</div> 

plunker：すべての http://plnkr.co/edit/TMkMxebYECVH8gGIraGT?p=preview