Angularjs在点击按钮

Question

我在angularjs项目

中有以下UI

点击文本框前面的按钮我正在调用一个代码为

的API

$scope.generateAppId = function(){
    var reqData = {};
    var res = $http.post('http://192.168.1.30:8090/apps/createappid', $scope.reqData);
    res.success(function(data, status, headers, config) {
        $scope.message = data;
        $scope.appId = data.appId
        console.log(data);
    });
} 

这是成功进行API调用的响应数据

{
id: null
name: null
appId: "c5b09133-eb40-4b90-b6de-5cfd054b2de9"
secret: null
domain: null
}

现在我想在文本框的JSON响应中设置值 appId 。

Answer 1

你不能为文本框设置一个单独的$ scope变量，并将该变量作为文本框中的模型吗？

当不需要显示任何内容时，可以将变量设置为空字符串，然后将变量设置为$ scope.appId

$scope.textbox = ''

<input type='textbox' ng-model='textbox' name='textbox'>

然后

$scope.textbox = $scope.appId

Answer 2

请阅读以下教程： https://docs.angularjs.org/api/ng/directive/ngValue

将控制器绑定到您的html并执行：

<input type="text" ng-value="appId">