在Angular Js中使用$ rootScope初始化输入文本字段值

法尔贾德·哈桑(Farjad Hasan)

我通过使用以下代码定义了$ rootScope变量:

$rootScope.userDetails = function () {
        $http.post($account + '/feedbackdiv')
            .success(function (res) {
                $rootScope.userData = res.userData;
            });
    };
    $rootScope.userDetails();

现在,可以从任何地方访问userData。现在,我尝试将userData.FirstName值分配给像这样的文本字段:

<input type="text" class="form-control museo_sans300" id="fName" 
  placeholder="First Name" name="fName" minlength="1" ng-model="fName" 
  ng-init="fName = userData.FirstName" required="required">

但这不是文本字段中的初始值。我还检查了当我给ng-init静态值时它是否可以正常工作,例如,ng-init ="fName = 'test'"此外,我还验证了我得到的值userData.FirstName请提供一种初始化此输入文本字段的解决方案。

dfsq

在初始分配之间fNameuserData.FirstName之后都没有参考fName = userData.FirstNamengInit不会在每个摘要循环上再次运行。因此,当稍后userData.FirstName填充时,原语fName将不会被更新。这是预期的Javacript行为,与Angular不相关。

因此,您可以userData.FirstName直接将其用作模型:

<input type="text" class="form-control museo_sans300" 
       id="fName" placeholder="First Name" name="fName" minlength="1" 
       ng-model="userData.FirstName" 
       required="required">

否则fName,一旦userData加载,您将需要在控制器中手动设置

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular:如何使用默认值初始化文本区域

来自分类Dev

在angular js中使用。$ on

来自分类Dev

在angular js中使用动态字段提交表单

来自分类Dev

在Angular JS中使用CKEditor内容更新textarea值

来自分类Dev

在Angular JS中使用服务无法返回范围值

来自分类Dev

Angular JS不初始化

来自分类Dev

我可以在html中初始化Angular ngModel,然后在控制器中使用它的值吗?

来自分类Dev

如何在Angular JS中使用类型编号在输入字段中禁止单个小数点(。)

来自分类Dev

根据数据列表值填充 angular js 中的文本字段

来自分类Dev

使用Angular模板参考将动态值附加到动态文本字段

来自分类Dev

在angular js中使用$ parse

来自分类Dev

使用javascript从输入文本字段检索json对象值

来自分类Dev

文本字段使用卡布局放弃先前输入的值

来自分类Dev

使用jquery通过单选更改输入文本字段的值

来自分类Dev

Angular.js使用ngModel设置输入字段值

来自分类Dev

单选按钮以及Angular.js中的文本字段

来自分类Dev

动态修改文本字段。Angular.js

来自分类Dev

在angular2中使用[(ngModel)]时初始化空白表格

来自分类Dev

在angular2中使用[(ngModel)]时初始化空白表格

来自分类Dev

在 Angular $rootScope 事件中使用 setTimeout()

来自分类Dev

为什么matInput文本字段显示[object FocusEvent]而不是我在Angular 8中使用(模糊)的实际文本

来自分类Dev

根据 Angular 中的另一个文本字段更改输入值

来自分类Dev

无法使用默认值初始化输入[数字]

来自分类Dev

如何在Angular JS中使用ng-if条件隐藏选项值

来自分类Dev

如何在Angular JS中使用键,值对数组进行排序?

来自分类Dev

初始化后在Vue中使用Mapbox GL JS

来自分类Dev

重新初始化Angular.js控制器

来自分类Dev

无法在Angular JS 2中初始化连续选择

来自分类Dev

模板中对象的输入在Angular 10中给出错误“初始化之前已使用属性”

Related 相关文章

  1. 1

    Angular:如何使用默认值初始化文本区域

  2. 2

    在angular js中使用。$ on

  3. 3

    在angular js中使用动态字段提交表单

  4. 4

    在Angular JS中使用CKEditor内容更新textarea值

  5. 5

    在Angular JS中使用服务无法返回范围值

  6. 6

    Angular JS不初始化

  7. 7

    我可以在html中初始化Angular ngModel,然后在控制器中使用它的值吗?

  8. 8

    如何在Angular JS中使用类型编号在输入字段中禁止单个小数点(。)

  9. 9

    根据数据列表值填充 angular js 中的文本字段

  10. 10

    使用Angular模板参考将动态值附加到动态文本字段

  11. 11

    在angular js中使用$ parse

  12. 12

    使用javascript从输入文本字段检索json对象值

  13. 13

    文本字段使用卡布局放弃先前输入的值

  14. 14

    使用jquery通过单选更改输入文本字段的值

  15. 15

    Angular.js使用ngModel设置输入字段值

  16. 16

    单选按钮以及Angular.js中的文本字段

  17. 17

    动态修改文本字段。Angular.js

  18. 18

    在angular2中使用[(ngModel)]时初始化空白表格

  19. 19

    在angular2中使用[(ngModel)]时初始化空白表格

  20. 20

    在 Angular $rootScope 事件中使用 setTimeout()

  21. 21

    为什么matInput文本字段显示[object FocusEvent]而不是我在Angular 8中使用(模糊)的实际文本

  22. 22

    根据 Angular 中的另一个文本字段更改输入值

  23. 23

    无法使用默认值初始化输入[数字]

  24. 24

    如何在Angular JS中使用ng-if条件隐藏选项值

  25. 25

    如何在Angular JS中使用键,值对数组进行排序?

  26. 26

    初始化后在Vue中使用Mapbox GL JS

  27. 27

    重新初始化Angular.js控制器

  28. 28

    无法在Angular JS 2中初始化连续选择

  29. 29

    模板中对象的输入在Angular 10中给出错误“初始化之前已使用属性”

热门标签

归档