在Angular JS中还原ng-model值

范德瓦尔斯

显示模型值时可以还原模型值吗?

我的控制器具有以下属性:

this.config = {client: false, name: true};

我想使用这样的值:

<label>
  <input ng-model="ctrl.config.client"> Client
</label>

<div ng-hide="ctrl.config.client">Client</div>

我想显示config.client值为false时检查的输入。我该怎么做?

更新:如果您想选中一个复选框,并且$scope可以使用ng-true-value="false"ng-false-value="true"还原默认值。仅当您使用$scope代替this!时,此方法才有效 这是一个例子:

<body ng-app="app">
  <div ng-controller="ctrl">
  <label>
    <input type="checkbox" ng-model="config.client" ng-true-value="false" ng-false-value="true">
  </label>

  <div ng-hide="config.client">Client</div>
  </div>
<script>
  angular.module('app', []).controller('ctrl', function($scope) {
    $scope.config = {client: false, name: true};
  });
</script>
</body>

和尝试的人:http ://plnkr.co/edit/vRIZMb2CpDQAKHu91yhN?p=preview

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular JS:无法在ng-repeat中为ng-model变量设置值

来自分类Dev

Angular JS使用ng-model获取日期输入的值

来自分类Dev

Angular Js Textarea值未通过ng-model分配

来自分类Dev

Angular.js。ng-model未在datepicker中更新

来自分类Dev

将ng-model值传递给angular指令

来自分类Dev

angular-datepicker:将ng-model值纳入范围

来自分类Dev

Angular Directive捕获ng-model的初始空值

来自分类Dev

Angular Checkbox,初始值独立于ng-model

来自分类Dev

Angular Controller没有从ng-model接收值

来自分类Dev

Angular ng-Model 不同的视图和值

来自分类Dev

Angular 1 修复 Ng-Model 禁用值

来自分类Dev

使用ng-model标记复选框ANGULAR.JS的值

来自分类Dev

如何从Angular JS中的ng-grid获取行值

来自分类Dev

如何更新Angular js中的ng-repeat值?

来自分类Dev

在ng-repeat Angular JS中获取更新的值

来自分类Dev

angular.js ng:repeat迭代中的动态模板值

来自分类Dev

如何从Angular JS中的ng-grid获取行值

来自分类Dev

Angular 8 ng-reflect-model显示正确的日期值,但未反映在输入中

来自分类Dev

如何在自定义Angular指令中更改ng-model范围值?

来自分类Dev

Angular ng-model 更新画布文本框中的值

来自分类Dev

angular js-不使用ng-model从控制器为动态生成的文本框分配值

来自分类Dev

Angular JS:在ng-change上获取ng-model

来自分类Dev

Angular.js ng-repeat在列表中不显示重复值,而仅显示不同的值

来自分类Dev

如何在Angular js的ng-model(keypress)事件中添加条件

来自分类Dev

Angular JS ng-model-options在输入中不起作用

来自分类Dev

Angular JS - 将 ng-model 添加到在表单中调用的指令

来自分类Dev

Angular Bootstrap UI评级系统-使用ng-model更改最大值

来自分类Dev

Angular ui-select:如何仅将所选值绑定到ng-model

来自分类Dev

从脚本函数到输入字段的值ng-model提供未定义的Angular

Related 相关文章

  1. 1

    Angular JS:无法在ng-repeat中为ng-model变量设置值

  2. 2

    Angular JS使用ng-model获取日期输入的值

  3. 3

    Angular Js Textarea值未通过ng-model分配

  4. 4

    Angular.js。ng-model未在datepicker中更新

  5. 5

    将ng-model值传递给angular指令

  6. 6

    angular-datepicker:将ng-model值纳入范围

  7. 7

    Angular Directive捕获ng-model的初始空值

  8. 8

    Angular Checkbox,初始值独立于ng-model

  9. 9

    Angular Controller没有从ng-model接收值

  10. 10

    Angular ng-Model 不同的视图和值

  11. 11

    Angular 1 修复 Ng-Model 禁用值

  12. 12

    使用ng-model标记复选框ANGULAR.JS的值

  13. 13

    如何从Angular JS中的ng-grid获取行值

  14. 14

    如何更新Angular js中的ng-repeat值?

  15. 15

    在ng-repeat Angular JS中获取更新的值

  16. 16

    angular.js ng:repeat迭代中的动态模板值

  17. 17

    如何从Angular JS中的ng-grid获取行值

  18. 18

    Angular 8 ng-reflect-model显示正确的日期值,但未反映在输入中

  19. 19

    如何在自定义Angular指令中更改ng-model范围值?

  20. 20

    Angular ng-model 更新画布文本框中的值

  21. 21

    angular js-不使用ng-model从控制器为动态生成的文本框分配值

  22. 22

    Angular JS:在ng-change上获取ng-model

  23. 23

    Angular.js ng-repeat在列表中不显示重复值,而仅显示不同的值

  24. 24

    如何在Angular js的ng-model(keypress)事件中添加条件

  25. 25

    Angular JS ng-model-options在输入中不起作用

  26. 26

    Angular JS - 将 ng-model 添加到在表单中调用的指令

  27. 27

    Angular Bootstrap UI评级系统-使用ng-model更改最大值

  28. 28

    Angular ui-select:如何仅将所选值绑定到ng-model

  29. 29

    从脚本函数到输入字段的值ng-model提供未定义的Angular

热门标签

归档