使用ng-repeat时，AngularJS无法使用ng-model获取值

Question

我正在尝试使用ng-model（使用ng-repeat创建的信息）获取动态创建的信息。我这样做是为了将对象形式的信息发送到我的平面数据库Firebase。不幸的是，ng-model只是抓取“”（空字符串）作为我的值。有什么建议吗？

/////////// Controller below

	// Bookmark object
	$scope.bookmark = {
		url: "",
		illnessName: "",
		symptom: ""
	};

	// Save illness card to bookmarks
	$scope.saveToBookmarks = ($bookmark) => {
		console.log($bookmark);

		if ($scope.bookmark.illnessName === ""){
			alert("Hey, quit that NAME!");
			return;
		}
		if ($scope.bookmark.symptom === ""){
			alert("Hey, quit that SYMPTOM!");
			return;
		}
		if ($scope.bookmark.url === ""){
			alert("Hey, quit that URL!");
			return;
		}


		BookmarksFactory.addUserBookmark({
			url: $scope.bookmark.url,
			illnessName: $scope.bookmark.illnessName,
			symptom: $scope.bookmark.symptom
		});
		console.log("$scope.bookmark.url :",  $scope.bookmark.url);
	};
  
  
  
  
  ///////// Factory below
  "use strict";

app.factory("BookmarksFactory", function(FBCreds, $q, $http) {

	var addUserBookmark = (newBookmark) =>{
		console.log("Factory is working!");
		return $q( (resolve, reject) => {
			$http.post(`${FBCreds.databaseURL}/bookmarks.json`,
				JSON.stringify(newBookmark))
			.then( (FBObj) => {
				resolve(FBObj);
			})
			.catch( (error) => {
				reject(error);
			});
		});
	};

	return {
		addUserBookmark
	};

});

		<!-- This will be search results populate -->	
		<div class="search-results" >
			<div class="row">
				<div class="col-lg-4 text-center search-card box" ng-repeat="illness in illnesses | filter: searchText.search">
					<!-- Insert search results here -->
					<div class="inner ">
						<div class="card">
							<button type="button" class="close close-card" aria-label="Close" ng-click="removeCard($event)">
							  <span class="close-card-x" aria-hidden="true">&times;</span>
							</button>
							<img class="card-img-top" src="{{illness.url}}" alt="Card image cap" ng-model="bookmark.url">
							<div class="card-block">
								<h4 class="card-title" ng-model="bookmark.illnessName">{{illness.illnessName}}</h4>
								<p class="card-text" ng-model="bookmark.symptom">{{illness.symptom}}</p>
								<button class="btn btn-primary" ng-click="saveToBookmarks(bookmark)">Save</button>
								<a href="#!/edit-illness/{{illness.id}}"><button class="btn btn-success" ng-click="goToEditPage()">Edit</button></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

Answer 1

更改为$scope.bookmark ={}; 并使用http来获取你编码的数据文件，我的例子是test.php

$http(){
           method:'POST',
           url:'test.php',
           data : $.param($scope.bookmark), 
           headers : { 'Content-Type': 'application/x-www-form-urlencoded' }
                }).then(success)
function success(){
////

}