在输入字段中输入值后如何显示跨度?角JS

用户名

我在控制器中定义了一个范围变量,最初,我的范围变量的值为空。

我将ng模型绑定到输入字段,并将ng-show添加到需要显示的跨度中,一旦在输入字段中输入了值。

当我在输入字段中输入值时,跨度未显示。

代码:

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example - example-ng-form-production</title>


  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-animate.js"></script>


  <script type="text/javascript">
    angular.element(document.getElementsByTagName('head')).append(angular.element('<base href="' + window.location.pathname + '" />'));
  </script>
</head>
<body ng-app="formExample">
  <script>
  angular.module('formExample', [])
    .controller('FormController', ['$scope', function($scope) {
      $scope.userType = '';
    }]);
</script>
<form name="myForm" ng-controller="FormController" class="my-form">
  userType: <input name="input" ng-model="userType">
  <span ng-show="myForm.input.length>0">show me!</span><br>
 </form>
</body>
</html>

这是演示链接:

演示柱塞

萨耶塔兰(Sajeetharan)

您需要检查范围变量的userType's长度,应该是,

<span ng-show="userType.length>0">show me!</span><br>

DEMO APP

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在javascript的输入数字类型字段中输入值时,如何显示输入文本字段?

来自分类Dev

角向输入中显示NaN值

来自分类Dev

保存在cakephp中后如何求和输入字段的值?

来自分类Dev

如何根据输入字段的值在span标记中显示文本

来自分类Dev

如何使用 ng-model 在输入字段中显示值?

来自分类Dev

如何使用reactjs在另一个输入字段中显示输入字段值?

来自分类Dev

如何显示通过输入文本新添加的跨度值

来自分类Dev

如何使用angular js在输入字段中显示数据

来自分类Dev

如何设置输入字段以在 angular2 中输入单词后显示按钮

来自分类Dev

用户输入后如何获取输入字段的值

来自分类Dev

如何在 Riot.js 中引用输入字段值?

来自分类Dev

通过网络浏览器保存后如何使用lotus notes值在网络中显示输入字段?

来自分类Dev

使用JS或JQuery连接后,如何不显示没有输入值的输入?

来自分类Dev

如何突出显示输入字段中的文本?

来自分类Dev

如何在输入字段中显示结果?

来自分类Dev

选择后,输入字段显示模型值而不是标签

来自分类Dev

MatInput值使用value =“ x”后显示空的输入字段

来自分类Dev

在多个选择字段中的输入字段中显示值

来自分类Dev

React Js-无法在输入字段中输入值

来自分类Dev

如何将动态输入值绑定到 Vue.js 中的 v-for 输入字段

来自分类Dev

如何从输入字段中获取数字值?

来自分类Dev

如何分配输入值到跨度ID?

来自分类Dev

从跨度到输入的值

来自分类Dev

用户突出显示输入字段并且未输入任何内容后,Angular JS会显示错误

来自分类Dev

如何显示输入值?

来自分类Dev

文本输入字段显示较高,然后在其旁边跨度

来自分类Dev

Vue.js根据下拉列表中的选定值显示其他输入字段

来自分类Dev

输入字段后,如何使访问表单中的默认值消失?

来自分类Dev

页面加载后,如何将值加载到输入文本字段中?

Related 相关文章

  1. 1

    在javascript的输入数字类型字段中输入值时,如何显示输入文本字段?

  2. 2

    角向输入中显示NaN值

  3. 3

    保存在cakephp中后如何求和输入字段的值?

  4. 4

    如何根据输入字段的值在span标记中显示文本

  5. 5

    如何使用 ng-model 在输入字段中显示值?

  6. 6

    如何使用reactjs在另一个输入字段中显示输入字段值?

  7. 7

    如何显示通过输入文本新添加的跨度值

  8. 8

    如何使用angular js在输入字段中显示数据

  9. 9

    如何设置输入字段以在 angular2 中输入单词后显示按钮

  10. 10

    用户输入后如何获取输入字段的值

  11. 11

    如何在 Riot.js 中引用输入字段值?

  12. 12

    通过网络浏览器保存后如何使用lotus notes值在网络中显示输入字段?

  13. 13

    使用JS或JQuery连接后,如何不显示没有输入值的输入?

  14. 14

    如何突出显示输入字段中的文本?

  15. 15

    如何在输入字段中显示结果?

  16. 16

    选择后,输入字段显示模型值而不是标签

  17. 17

    MatInput值使用value =“ x”后显示空的输入字段

  18. 18

    在多个选择字段中的输入字段中显示值

  19. 19

    React Js-无法在输入字段中输入值

  20. 20

    如何将动态输入值绑定到 Vue.js 中的 v-for 输入字段

  21. 21

    如何从输入字段中获取数字值?

  22. 22

    如何分配输入值到跨度ID?

  23. 23

    从跨度到输入的值

  24. 24

    用户突出显示输入字段并且未输入任何内容后,Angular JS会显示错误

  25. 25

    如何显示输入值?

  26. 26

    文本输入字段显示较高,然后在其旁边跨度

  27. 27

    Vue.js根据下拉列表中的选定值显示其他输入字段

  28. 28

    输入字段后,如何使访问表单中的默认值消失?

  29. 29

    页面加载后,如何将值加载到输入文本字段中?

热门标签

归档