Javascript 在angularjs中更新视图页面的占位符
我有一个控制器,它使用GET方法接收数据数组。我已将数组中的每个值放入范围中。我想用数组中的值更新视图中的占位符。但我得到的只是一片空旷的土地 控制器Javascript 在angularjs中更新视图页面的占位符,javascript,angularjs,model-view-controller,placeholder,Javascript,Angularjs,Model View Controller,Placeholder,我有一个控制器,它使用GET方法接收数据数组。我已将数组中的每个值放入范围中。我想用数组中的值更新视图中的占位符。但我得到的只是一片空旷的土地 控制器 ; (function () { 'use strict'; angular.module('app', []).controller('questionEditCtrl', ['$scope', '$http', function ($scope, $http) { $scope.edit = f
;
(function () {
'use strict';
angular.module('app', []).controller('questionEditCtrl', ['$scope', '$http', function ($scope, $http) {
$scope.edit = function (id) {
var edit_url = 'http://localhost/AwtCW2012002/api/restApiController/editQuestion.json?question_id=' + id;
$http.get(edit_url)
.success(function (data) {
$scope.data1 = data;
$scope.data1.question = data.quizes[0].question;
$scope.data1.answer1 = data.quizes[0].answers[0];
$scope.data1.answer2 = data.quizes[0].answers[1];
$scope.data1.answer3 = data.quizes[0].answers[2];
$scope.data1.answer4 = data.quizes[0].answers[3];
$scope.data1.answer5 = data.quizes[0].answers[4];
//$scope.data.correctAnswer = data.quizes[0].correctAnswer;
console.log(data1.question);
console.log(data1.answer1);
console.log(data1.answer2);
console.log(data1.answer3);
console.log(data1.answer4);
console.log(data1.answer5);
//console.log(data.correctAnswer);
})
.error(function () {
})
};
}]);
})();
我试图将这些值传递到视图中的占位符中,如下所示
查看
<div class="container" >
<form class="form-horizontal" role="form" name='quizAdd' ng-submit="submit(data)">
<div class="form-group">
<label class="control-label col-sm-2" for="question">Question:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="question" id="question" ng-model="data.question" placeholder="{{data1.question}}">
</div>
</div>
</form>
</div>
问题:
但我得到的只是一个空字段。(在日志中,它正确地显示了值)当有值时,占位符是隐藏的,它们不应该是同一个模型吗
ng model=“data.question”placeholder=“{{data1.question}}”
您的data.question返回了什么?如果它有任何值,则占位符将隐藏。尝试设置$scope.data.question=“”@OscarBout data.QUOTE没有给出任何信息。我试过$scope.data.question=''。还是没有working@MedetTleukabiluly不,它们应该是两种不同的型号。在占位符中,我需要一些旧值。当用户输入新值时,它应该转到data.question。也许我遗漏了什么,但是当使用ng model
时,您正在绑定数据。question
到您的控制器范围,但我在您的控制器代码中没有看到它。其中类似于$scope.data.question
?