打开关注当前一个Angular JS的其他元素

时间:2016-08-26 08:18:43

标签: angularjs

在我的控制器中,我有输入框和带文字的div。 默认情况下,div设置为display:none

我想通过专注于输入框使div可见。 是否可以使用angular.js

2 个答案:

答案 0 :(得分:1)

Yea Angular甚至无需在控制器中编写任何内容即可轻松实现,这里有一个例子:

https://plnkr.co/edit/OqLpGxWwfPaBTVdTBYDy?p=preview

  <body ng-controller="MainCtrl">
    <input type="text" ng-hide="show" />
    <button ng-click="show = !show">Show / Hide</button>
  </body>

显然你可以用悬停而不是点击来制作你的,但你明白了。

答案 1 :(得分:1)

试试这个(不需要设置div显示:无,初始showDiv为false,你的div将被隐藏):

 <body ng-controller="myController" ng-init="showDiv=false">
    <input type="text" ng-focus="showDiv=true">
    <div ng-show="showDiv"></div>
</div>