时间戳

首页 > 解决方案 > 如何显示来自输入框的信息

javascript - 如何显示来自输入框的信息

问题描述

我正在尝试学习如何更多地使用 Angular 和 javascript。请让我知道我在这里做错了什么。

当我在文本框中输入内容时，它应该显示

“你好{name}，你要玩游戏吗？

它显示没有输入的字符串。

另外，当我运行它时，它说

对象对象

.

(function (app) {
var JakesController = function ($scope, $http) {
$scope.JakesSampleModel = {name: ' '};
$scope.theSampleReturn = null;

var sendResponseData = function (response) {
        if (response.data.error) {
           console.log(data);
        }
        else {
            $scope.theSampleReturn = response.data;
        }
    };

    var sendResponseError = function (data) {
        console.log(data);
    }

    $scope.senddata = function (params) {
        return $http({
            method: 'post',
            url: '/home/servercall',
            data: params
        })
            .then(sendResponseData)
            .catch(sendResponseError);
    };
};

app.controller("JakesController",['$scope', '$http', JakesController]);

}(angular.module("JakesFirstApp")));

这是HTML：

<div id="OutterDiv" ng-controller="JakesController" ng-app="JakesFirstApp">
<div id="JakesButton" class="button" ng-click="senddata()">Submit</div>
<input type="text" id="JakesTextBox" ng-model="theSampleReturn" />
{{theSampleReturn.result}}

json结果：

public JsonResult servercall(string name)
    {
        return Json(new { result = $"Hello {name}, Would you like to play a game?" }, JsonRequestBehavior.AllowGet);
    }

标签： javascripthtmlangularjs

解决方案

在您的 html 中尝试使用 {{theSampleReturn}} 而不是 {{theSampleReturn.result}} 因为您似乎没有在任何地方设置 theSampleReturn.result

推荐阅读