Question

我想在html中重复一个数组

HTML：

＆＃13;

   

<div class="personWrapper" ng-repeat="message in messages">
		<p>{{message}}</p>
	</div>

＆＃13;

JS：

＆＃13;

var app = angular.module('matcherApp', [ "ngRoute", "ngStorage" ]);

app.config(function($routeProvider) {
	$routeProvider.when('/Messages', {
		templateUrl : 'menu/messages.php',
		controller : 'messagesController'
	})
});
    app.controller('messagesController', function($scope, $localStorage) {

	console.log("im in messages page!!!");
	var messagesUsers = [];
	$.post("db.php", {
		'messagesWindow' : "messagesWindow",
		'myProfileId' : JSON.parse(localStorage.getItem("myProfileDetails")).id
	}, function(data) {
		data = $.parseJSON(data);
		angular.forEach(data, function(key, value) {
			angular.forEach(key, function(key2, value2) {
				messagesUsers.push(key2.Name);
			});
		});

		console.log(messagesUsers);
		$scope.messages = messagesUsers;
	}).fail(function() {
		alert("error bringing messages data");
	});

});

＆＃13;

console.log告诉我：

我在消息页面!!! [＆＃34;＆＃34;＆＃34; B＆＃34;]

适用于同一应用中的所有不同控制器。它没有让我看到任何循环的dom。我究竟做错了什么？感谢。

Answer 1

适合我！看

＆＃13;

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <TextView
        android:id="@+id/tv"
        android:text="@string/hello_world"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</RelativeLayout>

＆＃13;

var app = angular.module('MessagesApp', []);
app.controller('MessagesController', function($scope) {
  $scope.messages = ["a", "b"];
});

＆＃13;

Answer 2

JS代码如下所示：

var app = angular.module('modelapp', []);
app.controller('ctrl', function($scope) {
      $scope.emplist = ["john", "marry", "jaison"];
});

HTML代码：

<div ng-app="modelapp" ng-controller="ctrl">
    <div ng-repeat="data in emplist">
         <p>{{data}}</p>
    </div>
</div>

它将加载整个列表，您可以根据设计添加div类，甚至您也可以使用$index指令跟踪索引号。

角度ng-repeat和来自js的数组

2 个答案: