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>