Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用数组单元格值填充带有ng repeat的列表?_Javascript_Angularjs_Arrays_Controller - Fatal编程技术网

Javascript 如何使用数组单元格值填充带有ng repeat的列表?

Javascript 如何使用数组单元格值填充带有ng repeat的列表?,javascript,angularjs,arrays,controller,Javascript,Angularjs,Arrays,Controller,我有一个数组,其中存储了被拆分的字符串。现在,我想制作一个控制器,将这些拆分的字符串放入列表中的下一个li元素中。我知道如何对对象执行ng repeat,但不确定如何对数组单元格执行该操作 var app = angular.module("pageApp", []); app.controller('populateController', function($scope, $http) { $scope.dat=[]; $http.get('/api').success(fu

我有一个数组,其中存储了被拆分的字符串。现在,我想制作一个控制器,将这些拆分的字符串放入列表中的下一个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'
    }),
像这样:

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

// html part
 <div>
   <ul>
   <li  ng-repeat="value in test">{{value}}</li>
   </ul>
 </div>
//控制器部分
$scope.test=['1','2','3'];
//html部分
  • {{value}
普朗克:

首先,创建数组的方法是,当
$http
请求是异步的时,数组将始终为空。此外,还将
拆分()的结果作为变量存储在
$scope
上,因此请将代码设置为这样

$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',[]);
函数MyCtrl($scope){
$scope.guides=('guide1'+'~2.guide2'+'~3.guide3'+'~4.guide4'+'~5.guide5')。拆分(“~”)
}

  • {{guide}

我不太清楚数组单元格是什么意思,您能发布您的数据结构或数据的小样本吗