html - 获取 Angular js 中返回的 JSON 对象的值

标签 html angularjs node.js

我是 Angular 和 Node.js 新手。

基本上,我有一个项目表,每行都有一个按钮单击。 如果我点击编辑按钮,详细信息应该出现在相应的文本框中进行编辑。

router.route('/contacts/getone/:pk')
    .get(function(req, res, next){
        pg.connect(connectionString, function(err, client, done) {
            //var id = {pk:req.body.pk};
            var contacts = [];
            console.log("get1");
            console.log(req.params.pk);
            var query = client.query("select * from contacts where pk=($1)", [req.params.pk]);
            query.on('row', function(row) {
                contacts.push(row);
               });
               query.on('end', function() {
                done();
                return res.json(contacts);
            });
        });
    });

这是我的 Angular Controller 代码。

$scope.editContact = function(id) {
        contact.getone(id)
        .success(function(data) {

                $scope.contactlist = data;
                //console.log("geone");
                //document.getElementById("fname").value = $scope.contactlist.firstname;
                //console.log("getall");
                //console.log($scope.contactlist.firstname);
                //console.log(data["firstname"]);
                $scope.formData.firstname = $scope.contactlist.firstname;
                $scope.formData.lastname = $scope.contactlist.lastname;
                $scope.formData.address = $scope.contactlist.address;
                $scope.formData.contact = $scope.contactlist.contact;
//                $scope.loading = false;
            });
    };

谁能告诉我如何访问我的node.js代码返回的数据中的值?我的 Angular 中的代码返回未定义的值,例如 $scope.contactlist.firstname 未定义。

这是我执行 console.log(data);

时的图像

demonstration

最佳答案

@Rayin Dabre ----这是我的 Controller 的代码。

angular.module('ContactsControl', [])

.controller('contactController', ['$scope', '$http', 'contact', function($scope, $http, contact) {
	$scope.formData = {};
	
	contact.get()

			.success(function(data) {
				console.log("getall");
				$scope.contactlist = data;
//				$scope.loading = false;
			});
	$scope.editContact = function(id) {
		contact.getone(id)
		.success(function(data) {

				$scope.contactlist = data;
				//console.log("geone");
				//document.getElementById("fname").value = $scope.contactlist.firstname;
				console.log(data);
				//console.log($scope.contactlist.firstname);
				//console.log(data["firstname"]);
				$scope.formData.firstname = $scope.contactlist.firstname;
				$scope.formData.lastname = $scope.contactlist.lastname;
				$scope.formData.address = $scope.contactlist.address;
				$scope.formData.contact = $scope.contactlist.contact;
//				$scope.loading = false;
			});
	};

关于html - 获取 Angular js 中返回的 JSON 对象的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34714421/

相关文章:

html - 使用 chrome,我的网站运行良好。使用 IE 鼠标悬停不起作用

node.js - 如何使用 Node js 版本 0.6.18 输出 twitter api 响应

javascript - AngularJS 计算 "action"属性中的表达式

node.js - 我可以根据每个请求更改我的 AWS Lambda 的公共(public) IP 吗?

javascript - 具有匹配变量名称的命名函数表达式

javascript - 如何通过 HTML 按钮播放声音

javascript - 单击时如何确定一系列元素中元素的 DOM 位置

html - 链接到 html 中的 samba 共享

javascript - 错误: [$injector:nomod] when attempting to add 3rd party module to mean app.

javascript - foreach 在我的例子中返回未定义