Javascript 如何在angularjs中将值从控制器传递到输入HTML?

Javascript 如何在angularjs中将值从控制器传递到输入HTML?,javascript,html,angularjs,Javascript,Html,Angularjs,如何将值从控制器传递到视图中的标记?我成功地获取了数据,但是从html调用它,它不工作?我没有得到任何错误,我的语法是错误的,我尝试了angularjs文档中的几个语法库,我还尝试使用ng value={{{data.email}},甚至在值之间加上双引号。正确的方法是什么 这是我的html: <label class="item item-input"> <input type="text" placeholder="Email" value={{data.email

如何将值从控制器传递到视图中的
标记?我成功地获取了数据,但是从html调用它,它不工作?我没有得到任何错误,我的语法是错误的,我尝试了angularjs文档中的几个语法库,我还尝试使用
ng value={{{data.email}}
,甚至在值之间加上双引号。正确的方法是什么

这是我的html:

<label class="item item-input">
    <input type="text" placeholder="Email" value={{data.email}} disabled>
</label>

这是我的控制器:

$http({
    method: 'POST',
    url: 'myservice',
    data: encodedString,
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}).success(function (data) {
    for (i = 0; i < data.length; i++) {
        if (data[i].QActivationCode === data[i].token) {
            $scope.userData = data[i];
            Acct.setAcctEmail(data[i].email);
        }

    }
});
$http({
方法:“POST”,
url:'我的服务',
数据:编码字符串,
标题:{'Content-Type':'application/x-www-form-urlencoded'}
}).成功(功能(数据){
对于(i=0;i
使用ng型号

<label class="item item-input">
  <input type="text" placeholder="Email" ng-value="data.email" disabled>
</label>


确保作用域上存在对象数据。

您可以使用
ng model
ng value
。您在视图中使用了错误的键,即您应该在HTML视图中使用
userData.email
而不是
data.email
。(语句
$scope.userData=data[i];
说明您正在将键
userData
添加到作用域中,而不是
数据
):

使用ng模型

使用价值


由于
输入
字段已禁用,我们不需要更改该输入字段,因此您应该使用第二个选项。

在angular中,ng模型用于将范围值与html元素绑定。或者,如果必须将值传递给输入标记,则可以使用{{}表达式

关于ng型号的小说明: ngModel指令使用NgModelController将输入、选择、textarea(或自定义表单控件)绑定到作用域上的属性,NgModelController由该指令创建和公开。ngModel负责:将视图绑定到模型中,其他指令(如input、textarea或select)都需要这样做

更正后的html代码附在下面:
1。
2.

您的HTML引用了
数据
,但实际上您将数据分配给了
$scope.userData
该死,我不知道这一点,因为我在以前的应用程序中尝试过这样做,它工作正常,但现在当我将值传递到输入时它不工作。。非常感谢Danieli已经这么做了,出于某种原因,这不起作用,我不知道为什么。。但是对答案的评论已经给了我正确的结果。。但是谢谢你的回复,先生@mtamma
<label class="item item-input">
    <input type="text" placeholder="Email" ng-model="userData.email" disabled>
</label>
 <label class="item item-input">
    <input type="text" placeholder="Email" value={{userData.email}} disabled>
</label>
1. <label class="item item-input">
    <input type="text" placeholder="Email" ng-model="userData.email" disabled>
</label>

2. <label class="item item-input">
    <input type="text" placeholder="Email" value={{userData.email}} disabled>
</label>